Generator obrazów OG

Za darmo i bez rejestracji: wybierz szablon, wpisz tytuł i podpis, dodaj logo lub tło — dostaniesz obraz podglądu linku 1200×630 px (Facebook, LinkedIn, Telegram, Slack) lub 1200×628 px (X/Twitter) i pobierzesz PNG albo JPG. Wszystko rysuje się w Twojej przeglądarce — pliki nie są nigdzie wysyłane. Gotowe meta tagi są pod obrazem.

Szablon

Rozmiar

Czcionka

Tytuł Podtytuł Podpis na dole (strona, autor, kategoria)

Tło 1

Tło 2

Tekst

Akcent

Logo

Zdjęcie tła

Pokaż strefę bezpieczną (kwadratowe kadrowanie w komunikatorach)

Meta tagi (zamień adres obrazu na swój)

Wgraj obraz na swoją stronę i podaj pełny adres https:// w og:image. Podgląd po publikacji sprawdzisz w sprawdzaniu Open Graph i karty X.

Najważniejsze fakty

Cena: Za darmo
Rejestracja: Niewymagana
Przetwarzanie: W Twojej przeglądarce — nic nie trafia na serwer
Dane wejściowe: Tytuł, podtytuł i podpis; logo i zdjęcie tła z Twojego urządzenia (do 15 MB, PNG/JPEG/WebP/SVG)
Limity: Bez limitów
Wynik: PNG lub JPG 1200×630, 1200×628 albo 1200×1200 oraz gotowe meta tagi og:image i twitter:card
Ostatnia aktualizacja: 2026-10-13

Alternatywy

Inne narzędzia do tego samego zadania i w czym każde z nich jest dobre:

Vercel OG Image Playground — Piaskownica biblioteki @vercel/og: obraz opisuje się kodem (JSX) — wygodne, gdy podgląd ma powstawać automatycznie dla każdej strony.
Canva — Edytor graficzny z szablonami do social media; bardziej elastyczny, ale wymaga konta.

Kiedy wybrać to narzędzie: Gdy obraz podglądu jest potrzebny w minutę, bez konta i bez wysyłania plików na cudzy serwer — we właściwym rozmiarze, ze strefą bezpieczną i gotowymi meta tagami.

Opisy sprawdzono na stronach tych narzędzi w październiku 2026 r.

Generator obrazów OG do podglądu linków

og:image to obraz, który serwisy społecznościowe i komunikatory pokazują w podglądzie linku. Link z dużym obrazem lepiej widać w feedzie, a bez niego Facebook, LinkedIn, Telegram i X pokazują pustą lub przypadkową kartę. Generator rysuje taki obraz na canvas w przeglądarce: pięć szablonów, Twój tytuł, podtytuł i podpis, logo i zdjęcie tła, własne kolory i trzy rozmiary — 1200×630 (Open Graph), 1200×628 (X) i 1200×1200. Tytuł sam dobiera rozmiar czcionki i zawija się po słowach, a strefa bezpieczna pokazuje, co zostanie po kwadratowym kadrowaniu. Pobierz PNG lub JPG i wklej gotowe meta tagi.

5 szablonów: gradient, pasek akcentu, jasny, ciemny, zdjęcie

1200×630, 1200×628 dla X i kwadrat 1200×1200

Logo i zdjęcie tła z Twojego urządzenia — bez wysyłania na serwer

Automatyczny rozmiar tytułu i strefa bezpieczna kadrowania

Pobieranie PNG/JPG i gotowe meta tagi og i twitter

Jak korzystać

Wybierz szablon i rozmiar
Wpisz tytuł, podtytuł i podpis; dodaj logo lub tło
Pobierz obraz, wgraj na stronę i podaj jego adres w og:image

FAQ

1200×630 px (1.91:1) to standard dla Facebooka i LinkedIn, dobrze wyświetla się też w Telegramie, Slacku i WhatsAppie. Dla X z kartą summary_large_image pasuje 1200×628 (2:1), choć X przyjmie też 1200×630. Plik JPG lub PNG do 5 MB (limit X), najlepiej 300–500 KB.

Nigdzie. Obraz jest rysowany w Twojej przeglądarce na elemencie canvas; pliki są czytane lokalnie i nie trafiają na nasz serwer, a po zamknięciu karty nic nie zostaje.

To narzędzie służy do pracy ręcznej. Dla setek stron generuje się obrazy na serwerze — np. biblioteką @vercel/og w Next.js lub wtyczką CMS, która rysuje obraz z tytułu wpisu. Podejście Vercel wypróbujesz w ich OG Image Playground.

Rozmiary obrazu podglądu według platform

Gdzie	Rozmiar	Na co uważać
Facebook, LinkedIn	1200×630 px (1.91:1)	Poniżej 600×315 obraz zmniejsza się do miniatury obok tekstu
X (Twitter), summary_large_image	1200×628 px (2:1)	Do 5 MB, JPG/PNG/WEBP/GIF; od 2023 przy linku widać tylko obraz i domenę
Telegram, Slack, Discord	używają og:image	Pasuje ten sam 1200×630
WhatsApp, iMessage	używają og:image	Czasem kadrują do kwadratu — trzymaj najważniejsze w środku

Jeden plik 1200×630 obsługuje prawie wszystkie przypadki. Osobny obraz dla X ma sens tylko wtedy, gdy zależy Ci na dokładnych proporcjach 2:1.

Jaki powinien być obraz

Duży, krótki tytuł — 4–8 słów czytelnych na telefonie w feedzie. Długi tytuł generator sam zmniejszy, ale lepiej skrócić tekst.
Kontrast — jasny tekst na ciemnym tle lub odwrotnie; na zdjęciu — przyciemnienie (szablon „Zdjęcie z przyciemnieniem”).
Logo lub domena, by podgląd był rozpoznawalny — zwłaszcza w X, gdzie karta nie ma tytułu.
Strefa bezpieczna — najważniejsze w środkowym kwadracie; włącz podświetlenie, by sprawdzić.
Waga do 300–500 KB — JPG jest zwykle lżejszy dla zdjęć, PNG lepszy dla płaskich kolorów i tekstu.

Jak podłączyć obraz

Pobierz PNG lub JPG i wgraj go na swoją stronę (do biblioteki mediów CMS lub folderu z obrazami).
Skopiuj meta tagi z generatora do <head> strony i zamień adres na pełną ścieżkę do pliku z https://.
Sprawdź stronę w sprawdzaniu Open Graph i karty X — pobierze obraz i porówna rozmiar, wagę i format.
Jeśli stary podgląd jest w pamięci, wgraj obraz pod nową nazwą: serwisy zapamiętują go po adresie.

Kiedy zamiast generatora potrzebna jest automatyzacja

Dla bloga lub katalogu z setkami stron obrazy generuje się na serwerze z tytułu wpisu: w WordPressie — wtyczki, w Next.js — biblioteka @vercel/og, w innych CMS — własne rozszerzenia. Ten generator sprawdzi się przy stronie głównej, landingach, ważnych artykułach i jednorazowych publikacjach.