og:image wymiary, jakie wybrać i jak przygotować grafikę

Najprostsza odpowiedź na og:image wymiary jest konkretna. Bezpiecznym wyborem jest grafika 16:9 o rozdzielczości 1536×864 px, z ważnymi elementami odsuniętymi od krawędzi o 10-12% szerokości i wysokości. Gdy publikujesz głównie linki na Facebooku i LinkedIn, klasyczna alternatywa to 1200×630 px. Oba formaty działają, różnią się jednak proporcją kadru i ostrością na ekranach o wysokiej gęstości.

Jeśli pytasz „ile pikseli powinno mieć og image na Facebooku”, praktyczna zasada to minimum 600×315 px i rekomendacja 1200×630 px. Dla 16:9 sensowne minimum to 1280×720 px, a wygodny standard to 1536×864 px. Dodatkowo trzymaj się limitu rozmiaru pliku poniżej 500 KB, najlepiej 200-400 KB, zapisując JPG w jakości około 75-85% albo WebP.

Klucz to poprawne tagi Open Graph. Ustaw w kodzie strony og:image wraz z og:image:width i og:image:height, a następnie sprawdź podgląd w narzędziach debuggera Facebooka i LinkedIn. Jeśli pracujesz na WordPressie, ustaw poprawnie tagi Open Graph na WordPressie w wtyczce SEO i wyczyść cache po zapisaniu zmian.

og:image wymiary w praktyce, rekomendacja 16:9 i 1536×864 px

Rozdzielczość 1536×864 px w proporcji 16:9 dobrze łączy dwie rzeczy. Daje wystarczającą gęstość pikseli, żeby obraz wyglądał ostro na ekranach Retina i 4K, a jednocześnie nie tworzy ogromnego pliku. Dla wielu blogów to jeden plik na całą prezentację linku oraz grafika wyróżniająca w poście, więc jedna przygotowana wersja oszczędza czas.

Żeby uniknąć obciętych logotypów i tekstów, zachowaj bezpieczną strefę kadru. Przy 1536×864 px odsuń wszystkie ważne elementy o 10-12% od krawędzi, co oznacza około 150-185 px z lewej i prawej oraz około 86-104 px z góry i z dołu. Dzięki temu nawet jeśli serwis społecznościowy przeskaluje lub lekko przytnie obraz, komunikat zostanie czytelny.

Eksportuj grafikę jako JPG lub WebP. JPG w jakości 75-85% zwykle mieści się w 200-400 KB dla 1536×864 px. WebP bywa lżejszy o 30-40% przy podobnej jakości, co przyspiesza wczytanie podglądu linku i samej strony.

Jeśli łączysz generowanie treści i obrazu, zapewnij spójność tematyczną. Gdy artykuł powstaje automatycznie, obraz powinien brać kontekst z tego samego briefu. Pomaga w tym narzędzie do pisanie artykułów AI, które ułatwia utrzymanie jednego przekazu w tekście i grafice.

Proporcje 16 na 9 w praktyce, co oznacza dla szerokości i wysokości

Proporcje 16 na 9 oznaczają stosunek szerokości do wysokości około 1.78. Licząc w drugą stronę, wysokość to szerokość podzielona przez 1.78. Dla 1536 px szerokości wysokość powinna wynosić 864 px, a dla 1280 px szerokości 720 px.

• 1024×576 px, lekkie miniatury i wpisy archiwalne
• 1280×720 px, rozsądne minimum 16:9 do social mediów
• 1536×864 px, złoty środek dla bloga i og:image
• 1920×1080 px, najwyższa jakość, ale większy plik

Niektóre serwisy wyświetlają podgląd linku w proporcji około 1.91:1. To nieco szerzej niż 16:9, więc obraz 16:9 bywa minimalnie przycinany w pionie. Przy tej różnicy utnie się zwykle kilka procent wysokości, dlatego trzymaj kluczowy tekst w środkowych 75-80% wysokości i w środkowych 80-85% szerokości kadru.

Gdy potrzebujesz absolutnej zgodności z 1.91:1 na tablicach, przygotuj dodatkową wersję 1200×630 px, a 16:9 zostaw na potrzeby bloga. To konkretna oszczędność czasu przy kolejnych publikacjach, bo raz ustawione reguły eksportu dadzą powtarzalny efekt.

1200×630 kontra 1536×864, różnice w proporcjach i ostrości

1200×630 px ma proporcję około 1.90:1, czyli bliżej szerokich podglądów w mediach społecznościowych. 1536×864 px to czyste 16:9, popularny format dla grafik wyróżniających i wideo. Jeśli Twoje og:image wymiary muszą służyć w tych dwóch światach jednocześnie, 16:9 wymaga ostrożnego projektowania strefy bezpiecznej.

Różnica w ostrości jest policzalna. 1200×630 px to 756 000 pikseli, a 1536×864 px to 1 327 104 piksele. To około 75% więcej pikseli, więc 1536×864 zachowa drobniejsze detale na ekranach o dużej gęstości, o ile nie zniszczy ich zbyt mocna kompresja.

Za wyższą ostrością idzie większy plik. Jeśli 1536×864 po eksporcie przekracza 500-700 KB, rozważ WebP lub minimalne obniżenie jakości JPG. Dla 1200×630 plik rzędu 150-300 KB zwykle wygląda dobrze i ładuje się bardzo szybko.

Decyzja w skrócie. Gdy obraz pełni też rolę hero image, wybierz 1536×864. Gdy liczą się wyłącznie podglądy linków w feedzie, 1200×630 będzie prostsze. Możesz też zdefiniować oba rozmiary i wskazać właściwy w og:image, a wersję 16:9 wykorzystać na stronie wpisu.

Od czego zależy wybór rozdzielczości, treść grafiki i szybkość ładowania

Treść decyduje o rozdzielczości. Jeśli na obrazie jest drobny tekst o kroju 32-40 px, celuj w 1536×864, bo 1200×630 może go spłaszczyć po kompresji. Gdy grafika jest prosta, z dużymi kształtami i jednym krótkim hasłem, 1200×630 wystarczy.

Wydajność strony to drugi filar. Zachowaj budżet wagowy wpisu poniżej kilku megabajtów, a dla obrazka og najlepiej 200-500 KB. WebP i sprawdzona kompresja JPG skracają czas pobrania oraz zmniejszają ryzyko, że scraper serwisu społecznościowego nie zdąży pobrać pliku.

Weź pod uwagę techniczne ograniczenia CMS. WordPress generuje kilka wersji rozmiarów, ale nie skaluj w górę obrazka mniejszego niż 1200 px szerokości, bo rozmyjesz detale. Dodanie atrybutów og:image:width i og:image:height pomaga serwisom szybciej zarezerwować miejsce na podgląd.

• Jeśli publikujesz głównie w feedzie społeczności, wybierz 1200×630 px
• Jeśli obraz ma być też hero image we wpisie, wybierz 1536×864 px
• Jeśli grafika zawiera drobny tekst, trzymaj się co najmniej 1536 px szerokości
• Jeśli liczysz każdy kilobajt, preferuj WebP i celuj w 200-400 KB

Kiedy grafika się nie wyświetli poprawnie, błędy i ograniczenia

Brak lub błędne tagi Open Graph

Gdy og:image nie jest ustawiony albo ma niepełne dane, podgląd linku potrafi wskoczyć z losową miniaturą. Dodaj og:image, og:image:width i og:image:height, podaj pełny URL z https i upewnij się, że strona nie blokuje botów. Na WordPressie poprawne ustawienie tagów w wtyczce SEO oraz ręczne odświeżenie w debuggerze rozwiązuje 9 na 10 problemów.

Zła proporcja i ucięte elementy

Obraz 4:3 lub kwadratowy w slocie przeznaczonym na 1.91:1 zostanie przycięty. Przy 16:9 przycięcia są małe, ale wciąż możliwe. Dlatego projektuj bezpieczną strefę kadru, zostawiając 10-12% marginesu z każdej strony. Jeśli musisz pokazać długi slogan, rozważ alternatywną wersję 1200×630 i ustaw ją jako og:image.

Zbyt duży plik i wolne ładowanie

Plik ważący kilka megabajtów potrafi spóźnić się z wczytaniem w podglądzie linku. Kompresuj do 200-500 KB, używaj WebP albo JPG 75-85%, a na serwerze włącz cache i CDN. Jeśli po zmianie obrazu widzisz stary podgląd, odśwież cache strony i wymuś ponowne skanowanie w narzędziach debuggera.

Chcesz mieć poprawne og:image bez ręcznej edycji, obrazy AI 16:9 gotowe do WordPress

Jeśli nie chcesz za każdym razem projektować pliku, skorzystaj z generatora, który tworzy obrazy 16:9 i automatycznie dodaje je do wpisów. W Rankden każdy artykuł dostaje unikalny obraz AI w formacie 16:9 i rozdzielczości 1536×864 px, a grafika jest od razu ustawiana jako wyróżniająca w WordPress lub Wix. Zobacz, jak działają unikalne obrazy AI.

Całość może działać w pełni automatycznie. Tekst, obraz, publikacja i podgląd linku powstają w jednym przepływie, więc og:image wymiary są spójne z treścią i layoutem. Jeśli chcesz skrócić czas między szkicem a publikacją, sprawdź jak działa automatyczna publikacja treści.

W Rankden generowanie obrazów jest wliczone w abonament, bez dopłat za pojedyncze grafiki, a plany startują od 149 zł z 7-dniowym okresem testowym. Jeśli jednak pracujesz na sztywnych szablonach 1.91:1 i każdy piksel musi idealnie trafić w brandbook, lepiej przygotowywać ręcznie wariant 1200×630 obok 16:9.

Parametry 16:9 i rozdzielczość 1536×864 oraz informacja o planach od 149 zł i wliczonych obrazach AI pochodzą z aktualnej podstrony funkcji Obrazy AI Rankden.