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.

#Jak działa podgląd linku na Facebooku i X

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.

#Wymiary og:image dla Facebooka 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.

Dokładne liczby podaje dokumentacja Meta o obrazach przy udostępnianiu. Minimalny akceptowany wymiar to 200 x 200 pikseli. Podgląd linku z dużym obrazem wymaga co najmniej 600 x 315; poniżej obraz nadal się wyświetla, ale w małym formacie. Dla ekranów o wysokiej rozdzielczości Meta zaleca 1200 x 630 lub więcej, z proporcją jak najbliższą 1.91:1, a plik nie może przekraczać 8 MB.

#Wymiary obrazka Twitter Card na X

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.

Przy ostatniej weryfikacji tego tekstu (15 października 2026) strona o Summary Cards w serwisie dla deweloperów X przekierowywała na ogólny przegląd platformy, bez tabeli wymagań dla obrazów. Dlatego nie dopisuję tu nowych wymiarów dla X. Sprawdź w opublikowanym HTML, czy są twitter:card i twitter:image, i obejrzyj podgląd w prawdziwym poście przed startem kampanii.

#Wymiary pinu na Pintereście w pionie

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.

Strona specyfikacji produktów Pinteresta w części o standardowych reklamach graficznych zaleca proporcję 2:3, czyli 1000 x 1500 pikseli. Przyjmuje pliki PNG lub JPEG do 20 MB na desktopie i 32 MB w aplikacji, a piny wyższe niż 2:3 mogą zostać ucięte w feedzie.

#Czy wymiary Google+ są jeszcze aktualne

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”.

Dokładną datę podaje pomoc Google: konsumencka wersja Google+ (konta prywatne) została zamknięta 2 kwietnia 2019, a treści z prywatnych kont i stron Google+ usunięto (FAQ Google o zamknięciu). Pierwotny plan zakładał sierpień 2019. Google przyspieszyło zamknięcie na kwiecień po wykryciu błędu w API, co opisało w ogłoszeniu o przyspieszeniu terminu.

#Jaki rozmiar obrazka podglądu linku na LinkedIn i Slacku

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.

Dla LinkedIn oficjalne liczby są w pomocy o obrazach w podglądzie linku: minimum 1200 x 627 pikseli, zalecana proporcja 1.91:1 i plik do 5 MB. Jeśli obraz spełnia te warunki, a mimo to się nie pojawia, pomoc wskazuje, że strona może blokować pobranie obrazu. Przejrzyj reguły firewalla i blokowania botów, które traktują tego crawlera jak niechciany ruch.

#Właściwości og:image width, height i alt w Open Graph

Protokół Open Graph definiuje dla obrazu, poza samym URL, właściwości strukturalne:

• og:image:secure_url, alternatywny URL, gdy strona wymaga HTTPS;
• og:image:type, typ MIME pliku (na przykład image/jpeg);
• og:image:width i og:image:height, szerokość i wysokość w pikselach;
• og:image:alt, opis tego, co pokazuje obraz, który nie ma być podpisem. Według ogp.me strona, która ustawia og:image, powinna ustawić też og:image:alt.

Wymiary mają praktyczny skutek. Według dokumentacji Meta tagi szerokości i wysokości podają crawlerowi rozmiar obrazu, żeby mógł go wyświetlić od razu. Bez nich pierwsza osoba udostępniająca nowy URL może zobaczyć post bez obrazu, bo crawler musi zobaczyć obraz przynajmniej raz, zanim go wyrenderuje.

ogp.me rozstrzyga też przypadek kilku tagów og:image na jednej stronie. Wiele wartości deklaruje się przez powtórzenie meta tagu, a przy konflikcie wygrywa pierwszy, czytany od góry do dołu. Gdy motyw i wtyczka SEO oba wypisują og:image, pokazuje się obraz, który stoi pierwszy w <head>, a to nie zawsze ten wybrany w edytorze. Zajrzyj do opublikowanego źródła i wyłącz podwójne wyjście po jednej stronie.

#Jak ustawić og:image w WordPressie

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 Sharing Debugger Meta na URL i sprawdź tagi twitter:* w źródle strony.

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.

#Jak zarejestrować rozmiar obrazka social-share w WordPress

Jeśli serwer ma sam robić kadr 1200 x 630 zamiast ręcznego eksportu każdego pliku, funkcja add_image_size() rejestruje nowy rozmiar w motywie albo we wtyczce:

add_action( 'after_setup_theme', function () {
    add_image_size( 'social-share', 1200, 630, true );
} );

Czwarty parametr decyduje o zachowaniu. Przy false, czyli domyślnie, obraz jest skalowany proporcjonalnie i nie musi wyjść 1200 x 630. Przy true jest kadrowany dokładnie do tych wymiarów od środka. Tablica, na przykład array( 'center', 'top' ), ustawia punkt zaczepienia kadru: pierwsza wartość to pozycja pozioma (left, center, right), druga pionowa (top, center, bottom). Przy portretach i zdjęciach zespołu kotwica top chroni głowy przed ucięciem.

Nowy rozmiar działa tylko dla przyszłych uploadów. Żeby wygenerować kadr dla obrazów, które już są w Bibliotece mediów, WP-CLI ma wp media regenerate. Z --image_size=social-share regeneruje tylko ten rozmiar, a --only-missing ogranicza pracę do obrazów, którym brakuje któregoś rozmiaru:

wp media regenerate --image_size=social-share --only-missing

Jeszcze jeden szczegół dotyczy grafiki do udostępniania. Od WordPress 5.3 obrazy o szerokości lub wysokości powyżej progu są zmniejszane przy uploadzie, a zmniejszona wersja staje się największym dostępnym rozmiarem. Domyślny próg to 2560 pikseli i steruje nim filtr big_image_size_threshold; zwrócenie false wyłącza zmniejszanie. Masterka 1200 x 630 jest daleko poniżej progu, ale zdjęcie o boku 6000 pikseli wgrane jako obrazek wyróżniający zostanie do niego zmniejszone.

#Które stare wymiary grafik social media są już nieaktualne

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.

#Facebook pokazuje złe zdjęcie przy udostępnianiu linku

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 (Sharing Debugger Meta).
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ą.

Dokumentacja Meta wyjaśnia, dlaczego nowa nazwa pliku działa: obrazy są cache’owane według URL każdego obrazu, a żeby zaktualizować obraz, trzeba użyć nowego URL. Aktualizacja obrazu nie zmienia też podglądu w starszych udostępnieniach. Żeby już pierwsze udostępnienie nowego artykułu miało obraz, Meta wskazuje trzy drogi: wstępne pobranie URL w Sharing Debugger, wymuszenie nowego scrape przez Graph API albo podanie og:image:width i og:image:height.

#Wymiary grafik social media 2026 w tabeli

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.