Wymiary obrazków w social media: Facebook, Pinterest, Google+, Twitter

Ten tekst zaczął się w 2013 jako lista pikseli dla Facebooka, Twittera, Google+ i Pinteresta. Platformy zmieniały layout wielokrotnie. Wymiary poniżej są zaktualizowane pod udostępnianie i podgląd w 2026, a Google+ zostaje wyłącznie jako przypis historyczny.

Dla redaktorów WordPress nie chodzi o zapamiętanie wszystkich banerów profilowych. Chodzi o jedno dobre og:image, wiedzę kiedy Pinterest wymaga innego formatu oraz o to, dlaczego scraper trzyma stare zdjęcie po wymianie pliku w Bibliotece mediów. W polskich redakcjach ten sam problem wraca przy artykułach z Allegro Ads, newsletterach i linkach wklejanych na grupy Facebooka branżowe.

#Co naprawdę steruje podglądem

Gdy ktoś wkleja Twój URL na Facebooku, LinkedIn, Slacku albo w poście na X, scraper pobiera HTML i czyta meta tagi. Najważniejsze to Open Graph (og:title, og:description, og:image) oraz, dla X, Twitter Cards (twitter:card, twitter:image). Dokumentacja Meta dla obrazów udostępniania: Sharing / images. Specyfikacja protokołu: ogp.me.

Rdzeń WordPress sam z siebie nie wysyła kompletnego zestawu OG. Ustawiają je wtyczki SEO, hooki wp_head w motywie albo mała wtyczka custom. Bez og:image platforma sięga po przypadkowe zdjęcie ze strony: często logo 200 px albo ikonę w stopce.

Praktyczna checklista zanim zaczniesz liczyć piksele:

1. Absolutny URL HTTPS do obrazka (nie względna ścieżka).
2. Plik publiczny, bez logowania i bez blokady hotlink.
3. Szerokość i wysokość na tyle duże, że platforma nie skaluje w górę miękkiego JPEG.
4. Ważny tekst w „safe zone” na środku, nie w rogach.

#Facebook i Meta: Open Graph w 2026

Przy udostępnianiu linków nadal działa poziomy obraz około 1200 x 630 pikseli (proporcja ok. 1.91:1). Mniejsze pliki technicznie przechodzą, ale na dużych ekranach i części powierzchniach reklamowych wyglądają miękko.

Zdjęcie profilowe, cover i Stories mają własne wymiary UI, które Meta zmienia częściej niż standard OG. Do projektowania strony firmowej bierz pomoc Meta; do grafiki artykułów i landingów trzymaj 1200x630 (albo większe w tym samym stosunku).

Typowe błędy w polskich motywach WordPress:

• Featured image jest w 16:9 filmowym, a scraper ucina twarz albo logo klienta.
• Motyw podaje og:image jako WebP; część scraperów historycznie z tym walczyła. JPEG lub PNG nadal są bezpieczniejszym wyborem pliku do udostępniania.
• Ten sam plik jest hero (szeroki) i OG (przycięty) bez osobnego cropu.

Testuj w Sharing Debugger. Po zmianie obrazka: scrape ponownie. Jeśli CDN ma immutable cache pod tym samym URL, wgraj pod nową nazwą i zaktualizuj meta tag.

#X (dawniej Twitter): karta z dużym obrazem

X odziedziczył Twitter Cards. Przy artykułach i produktach standardem jest Summary Card with Large Image. Obraz około 1200 x 628 jest z tej samej rodziny co OG Facebooka, więc jedna masterka 1200x630 pokrywa obie platformy w większości redakcji. Dokumentacja: Summary Card with Large Image.

twitter:card powinno mieć wartość summary_large_image, gdy chcesz duży obraz. Bez tego taga podgląd potrafi spaść do małego kwadratu mimo poprawnego og:image.

Baner profilu na X to osobne wymiary i zmieniają się z UI. Należą do księgi znaku, nie do og:image każdej notki. Trzymaj grafikę udostępniania i baner profilu jako dwa osobne assety.

#Pinterest: pion, nie poziom

Pinterest to platforma, na której 1200x630 widać jako porażkę. Feed premiuje piny pionowe blisko 2:3, na przykład 1000 x 1500. Poziomy OG staje się wąskim paskiem albo brzydkim cropem.

Dla sklepów WooCommerce i treści inspiracyjnych / przepisowych:

1. Zrób osobny wariant pionowy w Bibliotece mediów (albo pole „Pinterest image” w wtyczce SEO, jeśli jest).
2. Nie zakładaj, że samo featured image wystarczy, gdy featured to hero 16:9.
3. Tekst trzymaj duży i czytelny; piny ogląda się często na telefonie w wąskiej kolumnie.

Rich Pins (produkt, artykuł, przepis) zależą bardziej od danych strukturalnych i walidacji u Pinteresta niż od dokładnej wysokości w pikselach, ale proporcja nadal decyduje o powierzchni klikalnej w feedzie.

#Google+: tylko kontekst historyczny

Google+ dla konsumentów zamknięto w kwietniu 2019. Cover 940x180, ribbon photo i miniatury ze streamu z list z 2013 nie są wymiarami, wokół których budujesz nowe szablony.

Dlaczego tytuł nadal wspomina Google+: artykuł ma ranking i linki przychodzące pod starą ścieżką. Usuwanie nazwy generuje szum przekierowań bez korzyści dla czytelnika. Uczciwe podejście to powiedzieć wprost, że sieć nie istnieje, a liczą się Open Graph, karty X i Pinterest.

Jeśli w starym motywie znajdziesz twarde przyciski Google+ albo rel=author: usuń je. Nie dają wartości udostępniania i sygnalizują przestarzały kod. W polskich instalacjach z 2014–2016 takie przyciski nadal pojawiają się w stopkach motywów „magazine”.

#LinkedIn, Slack i „wszystko inne”

Większość udostępnień B2B spada na Open Graph. LinkedIn też lubi poziome obrazy z tej samej rodziny co Facebook. Slack i wiele klientów czatu pokazuje og:image wprost.

Dlatego jedna dobra masterka 1200x630 to nadal najlepsza inwestycja dla firmowej witryny WordPress. Pinterest jest wyjątkiem, który wymaga osobnego pliku pionowego, gdy kanał faktycznie używasz.

#Konfiguracja WordPress bez zgadywania

W polskich agencjach najczęściej og:image ustawia Rank Math albo Yoast. Obie wtyczki mają fallback do obrazka wyróżniającego, więc zły crop featured image wraca w każdym udostępnieniu. Jeśli redakcja publikuje na kilka domen albo poddomen sklepu, sprawdź też, czy tag nie wskazuje na staging: scraper Meta nie wejdzie za basic-auth, a podgląd zostanie przy starym scrape albo przy pustym obrazku.

Workflow, który trzyma się w produkcji:

1. Ustal jedną wielkość OG-master (1200x630) w design systemie.
2. Opcjonalnie zarejestruj w motywie rozmiar social-share, jeśli cropujesz po stronie serwera; wiele zespołów eksportuje gotowy plik z Figmy.
3. Ustaw og:image (oraz tagi wysokości/szerokości, jeśli wtyczka je wspiera) per wpis albo fallback do featured image.
4. Dla X: ustaw twitter:card na summary_large_image globalnie w wtyczce SEO.
5. Dla stron pod Pinterest: osobne pole albo ręczna grafika pinu.
6. Po publikacji: uruchom Meta debugger i walidator kart X na URL.

Unikaj generowania „title cards”: czarne tło i H1 wielką czcionką. W feedzie wyglądają jak klony i przegrywają ze zdjęciem produktu albo zrzutem ekranu. Używaj prawdziwego foto, diagramu albo UI - i trzymaj plik poza wzorcami 1200x675 title-card, które produkowały niektóre automatyzacje.

#Stare listy pikseli: co możesz zignorować

Lista z 2013 zawierała m.in. wymiary Sponsored Story, podglądy albumów, boksy aplikacji na timeline i paski tła Twittera w procentach. Większość tych elementów UI zniknęła albo zmienia się tak często, że blog nie może być źródłem prawdy.

Używaj oficjalnej dokumentacji do:

• wymiarów profilu i coveru przy projektowaniu samej strony Facebook
• formatów reklam w Ads Manager (mają własne safe zones)
• pomocy Pinterest business dla aktualnych rekomendacji pinów

Ten artykuł służy udostępnianiu z WordPress: OG, Cards, proporcje Pinterest i diagnostyka cache.

#Diagnostyka, gdy podgląd jest zły

Typowe przyczyny, w kolejności:

1. Zły lub brakujący og:image w HTML (patrz źródło strony, nie tylko UI wtyczki SEO).
2. Relatywny URL albo HTTP na stronie HTTPS.
3. Obraz za auth, staging basic-auth albo noindex, którego scraper nie przechodzi.
4. Cache platformy (Meta debugger / walidator X).
5. CDN albo wtyczka obrazów przepisująca URL na wariant, którego scraper nie lubi.
6. Konflikujące tagi og:image z motywu i wtyczki naraz.

Gdy zmieniasz obraz na URL już mocno udostępnianym: nowa nazwa pliku jest tańsza niż walka z immutable cache pod tą samą ścieżką.

#Podsumowanie wymiarów, których naprawdę potrzebujesz

Trzymaj rozsądną wagę pliku (typowo poniżej kilkuset KB dla JPEG, gdy motyw na to pozwala), żeby scraper pobrał szybko, ale nie miażdż jakości tak, że gradienty bandingują w podglądzie.

Przy wielu językach używaj tego samego formatu obrazu we wszystkich locales, chyba że tekst na grafice jest tłumaczony. Hreflang nie zmienia tego, jak Facebook czyta og:image na konkretnym wklejonym URL.

Gdy grafika udostępniania, produkty WooCommerce i stary motyw walczą o featured image, rzadko wystarczy „ustawić Yoast na auto”. Potrzebna jest świadoma strategia cropu w motywie albo w procesie redakcyjnym. Przy takim setupie możesz napisać przez WordPress developer i ogarnąć OG, Cards oraz warianty Pinterest bez zgadywania pikseli z 2013.