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.

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

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

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

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

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

#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 (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ą.

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