Obrazki w właściwych wymiarach wyglądają jak materiał z agencji, a nie jak screenshot przycięty w pośpiechu. Platformy społecznościowe wciąż przycinają podglądy inaczej na desktopie i telefonie, więc sama liczba „1200 × 630” nie wystarczy. Potrzebujesz proporcji, safe zone i pipeline w WordPressie, który nie zmusza redakcji do ręcznego eksportu przy każdym poście.
Ten przewodnik zbiera aktualne wymiary na 2026 rok dla Facebooka, Instagrama, X (dawniej Twitter), LinkedIn, Pinteresta i YouTube, plus praktykę wdrożenia po stronie CMS. Źródła do weryfikacji: Facebook Sharing images, X Summary Card with Large Image oraz add_image_size w WordPress Developer Handbook.
Dlaczego wymiary się „psują”
Trzy typowe scenariusze z polskich sklepów i blogów:
- Grafik eksportuje 1080 × 1080, a Open Graph na Facebooku i tak bierze miniaturę z featured image w proporcji 1.91:1. Podgląd linku wygląda jak przycięty baner.
- Stories mają tekst na samym dole kadru. Na iPhonie z dynamic island i przyciskami UI tekst znika pod nakładkami.
- Redakcja wrzuca 8 MB PNG. Instagram kompresuje agresywnie; na feedzie widać artefakty, a TTFB strony blogowej cierpi, bo ten sam plik ląduje w bibliotece mediów bez WebP.
Wymiary to więc nie tylko tabela w Notion. To kontrakt między designem, SEO (OG/Twitter Cards) a WordPressem.
| Typ | Wymiary (px) | Uwagi |
|---|---|---|
| Zdjęcie profilowe | 170 × 170 | Wyświetlane okrągło; zostaw margines |
| Zdjęcie w tle | 820 × 312 | Ważna treść w środkowym pasie |
| Post z obrazkiem | 1200 × 630 | Dobre default pod share |
| Post link (OG) | 1200 × 628 | Minimum praktyczne ~600 × 315 |
| Wydarzenie | 1920 × 1080 | 16:9, bez tekstu przy krawędziach |
Na Facebooku najwięcej bólu robi link preview. Meta czyta og:image. Jeśli w motywie masz the_post_thumbnail( 'medium' ) jako fallback OG, dostaniesz rozmycie. Lepiej zarezerwować dedykowany rozmiar 1200 × 630 i mapować go w Yoast / Rank Math / własnym filtrze wpseo_opengraph_image albo rank_math/opengraph/facebook/image.
W kampaniach dla marek B2B z Polski (fintech, SaaS, e-commerce fashion) testujemy zawsze dwa kadry: jeden „feed post” i jeden „link share”. To nie to samo asset.
| Typ | Wymiary (px) | Proporcja |
|---|---|---|
| Kwadrat | 1080 × 1080 | 1:1 |
| Portret | 1080 × 1350 | 4:5 |
| Krajobraz | 1080 × 566 | ~1.91:1 |
| Stories / Reels | 1080 × 1920 | 9:16 |
| Zdjęcie profilowe | 110 × 110 (upload wyżej) | Okrąg |
Safe zone w Stories to mniej więcej środkowe 70% wysokości. Dolne ~250 px i górne ~150 px giną pod UI. W praktyce: logo i CTA trzymaj w środkowej trzeciej, nie przy dolnej krawędzi.
Carousel na feedzie lepiej trzymać w 4:5. Kwadrat nadal działa, ale zajmuje mniej powierzchni ekranu na telefonie. Dla sklepów WooCommerce w Polsce (Allegro Ads + organiczny Instagram) 4:5 wygrało u nas w kilku audytach klikalności Stories vs feed.
Twitter / X
| Typ | Wymiary (px) |
|---|---|
| Post z obrazkiem | 1200 × 675 |
| Zdjęcie profilowe | 400 × 400 |
| Header | 1500 × 500 |
| Summary Card Large | 1200 × 628 (zalecane) |
X nadal honoruje Twitter Cards. Dla artykułów blogowych ustawiaj twitter:card = summary_large_image i spójny crop z OG, żeby nie utrzymywać dwóch kompletnie innych plików. Jeśli OG ma 1200 × 630, a Twitter Card 1200 × 675, różnica jest mała, ale w pipeline lepiej mieć jedną kanoniczną wersję „social landscape”.
| Typ | Wymiary (px) |
|---|---|
| Post | 1200 × 627 |
| Zdjęcie profilowe | 400 × 400 |
| Banner firmowy | 1128 × 191 |
| Banner osobisty | 1584 × 396 |
LinkedIn jest bezlitosny dla cienkich bannerów firmowych: tekst przy krawędziach ginie na mobile. Traktuj 1128 × 191 jak pasek, nie jak plakat A4. W postach linkowych LinkedIn lubi podobne proporcje co Facebook (około 1.91:1).
Dla employer brandingu polskich IT-house’ów warto mieć osobny zestaw: post kariera (portret 4:5) i post artykuł (landscape). Mieszanie jednego assetu „uniwersalnego” kończy się przyciętymi twarzami.
| Typ | Wymiary (px) |
|---|---|
| Pin standardowy | 1000 × 1500 |
| Pin kwadratowy | 1000 × 1000 |
| Zdjęcie profilowe | 165 × 165 |
Pinterest żyje z pionu 2:3. Pin 1000 × 1500 to bezpieczny default. Unikaj pinów szerszych niż wyższych, bo w gridzie giną. Tekst na pinie: duży, kontrastowy, bez drobnego disclaimeru prawnego w dolnej ćwiartce.
YouTube
| Typ | Wymiary (px) |
|---|---|
| Miniaturka | 1280 × 720 |
| Banner kanału | 2560 × 1440 |
| Zdjęcie profilowe | 800 × 800 |
Miniaturka 1280 × 720 to minimum sensowne. Ważne: YouTube też ma safe zone; logo i tytuł nie mogą siedzieć w rogach, bo mobile UI je zasłania. Banner kanału projektuj pod „TV / desktop / tablet / mobile” z dokumentacji Google: obszary boczne znikają na telefonie.
Google / Discover i Open Graph poza socialem
„Google” w starym tytule tego artykułu oznacza dziś przede wszystkim:
- Open Graph używany przez wiele klientów (Messenger, Slack, iMessage)
- Preferowany obraz w wynikach i Discover (często 1200+ px szerokości, wyraźny obiekt)
Nie ma jednej magicznej liczby „dla Google”. Jest dobra praktyka: featured image ≥1200 px szerokości, bez watermarku na całej powierzchni, z kontrastowym motywem. WordPress: nie polegaj na thumbnail 150 × 150.
Jak to spiąć w WordPressie
1. Zarejestruj rozmiary raz
add_action( 'after_setup_theme', function () {
add_image_size( 'social-og', 1200, 630, true );
add_image_size( 'social-square', 1080, 1080, true );
add_image_size( 'social-story', 1080, 1920, true );
} );Hard crop (true) jest OK dla OG i Stories, jeśli graficy znają safe zone. Dla zdjęć produktowych soft crop albo ręczne fokusowanie (np. Focal Point w ACF) bywa lepsze.
2. Podłącz OG do właściwego rozmiaru
W filtrach SEO-pluginu wskazuj social-og, nie large. Sprawdź Debugger Facebooka i Card Validator X po deployu, nie „na oko” w Chrome.
3. Formaty i waga
- Zdjęcia: JPEG jakości 70–80 albo WebP z pipeline (Imagify, ShortPixel, albo natywny WebP w hostingu)
- UI / logo: PNG lub SVG
- Stories: trzymaj się limitu sensownego (kilka megabajtów max); platforma i tak skompresuje
4. Lazy load vs social bots
loading="lazy" na featured image w HTML strony jest OK dla użytkowników. Boty Open Graph czytają meta og:image URL, nie ten sam <img> w treści. Upewnij się, że URL w meta wskazuje absolutną ścieżkę HTTPS do pliku pełnej rozdzielczości.
Checklist przed publikacją posta
- Czy featured image ma co najmniej 1200 px szerokości?
- Czy tekst i logo są w safe zone (nie przy krawędzi)?
- Czy podgląd w Facebook Sharing Debugger wygląda jak zamierzony kadr?
- Czy wersja Stories (9:16) istnieje osobno, jeśli kampania idzie w Reels?
- Czy plik w bibliotece mediów nie waży absurdalnie (np. 12 MB PNG)?
Te pięć pytań zajmuje minutę i łapie 80% wpadek, które potem wyglądają jak „WordPress psuje grafiki”.
Typowe błędy redakcji
- Jeden plik „uniwersalny” 1080 × 1080 używany jako OG, Stories i LinkedIn banner.
- Tekst marketingowy na całej szerokości kadru; po cropie zostaje pół hasła.
- Upload z iPhone w HEIC bez konwersji; część pipeline’ów WordPressa i CDN się wywala.
- Brak alt textu (dostępność i kontekst dla AI / wyszukiwarek opisujących obraz).
- Nadpisywanie tego samego filename przy każdej kampanii; cache CDN serwuje stary kadr przez dni.
Co dalej
Utrzymanie właściwych proporcji na dłuższą metę załatwia konfiguracja rozmiarów po stronie WordPressa, a nie ręczne przycinanie plików. Ustawiamy to raz, razem z formatami i leniwym ładowaniem, przy pracach nad stroną WordPress. Jeśli potrzebujesz audytu grafik social + OG na produkcji, napisz przez formularz kontaktowy.
