IMG.DIY / Dodatki / Generator okładek społecznościowych

Generator okładek społecznościowych

Wpisz nagłówek, wybierz gradient, pobierz idealną co do piksela okładkę społecznościową — bez aplikacji graficznej.

Generator okładek społecznościowych visual example
Prywatność przede wszystkim: nic nie jest przesyłane.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Generator okładek społecznościowych: 1 · Choose input
1 · Choose input
Generator okładek społecznościowych: 2 · Adjust and process
2 · Adjust and process
Generator okładek społecznościowych: 3 · Download result
3 · Download result

Linki bez obrazu Open Graph są pomijane w kanałach. Ten generator daje Ci czystą, typograficzną okładkę w dokładnym rozmiarze wymaganym przez każdą platformę — OG 1200×630, Twitter/X, miniatura YouTube, post kwadratowy lub pionowe story — z automatycznym zawijaniem tekstu, które obsługuje zarówno tekst łaciński, jak i CJK.

Wybierz jedno z ośmiu teł gradientowych, ustaw tytuł, podtytuł i swoją domenę, a następnie pobierz plik PNG. Podgląd na żywo to faktyczne płótno, które zostaje wyeksportowane, więc to, co widzisz, to dokładnie to, co wdrażasz.

Jak używać

  1. Wybierz rozmiarOG, Twitter, YouTube, kwadrat lub story.
  2. Napisz tekstTytuł, opcjonalny podtytuł oraz Twoja marka lub domena w rogu.
  3. Pobierz plik PNGPodgląd to gotowy plik — dokładne piksele, gotowe do przesłania.

Projektuj okładki społecznościowe w przeglądarce

Ten generator tworzy obrazy okładkowe, które pojawiają się, gdy link zostaje udostępniony — kartę Open Graph na Facebooku i LinkedIn, kartę podsumowania na Twitter/X oraz miniatury gdzie indziej. Wybierz gotowe ustawienie, a ustawi dokładny rozmiar w pikselach, jakiego chce każda platforma: OG przy 1200x630, Twitter/X przy 1200x675, YouTube przy 1280x720, kwadrat 1080x1080 lub story 1080x1920. Bez zgadywania wymiarów.

Dodajesz tytuł, podtytuł i tekst marki na jednym z ośmiu gradientowych teł. Tekst zawija się automatycznie i obsługuje zarówno angielski, jak i CJK, więc długie nagłówki i chińskie tytuły oba zostają wewnątrz klatki. Podgląd na żywo to dokładnie to płótno, które zostaje wyeksportowane, więc to, co widzisz, jest tym, co się pobiera.

Wyślij PNG prosto do swoich znaczników meta

Gdy okładka wygląda dobrze, pobierz ją jako PNG i skieruj swoje znaczniki og:image i twitter:image na nią. Porządny obraz udostępniania społecznościowego to to, co zamienia goły link w kartę z prawdziwym zdjęciem, a to przyciąga o wiele więcej kliknięć w kanałach i czatach niż zwykły URL.

Wszystko renderuje się na Twoim urządzeniu, więc możesz zrobić obraz podglądu linku do wpisu, premiery lub filmu bez oprogramowania projektowego czy konta.

Do czego się przydaje

Karta udostępniania wpisu — Zrób obraz OG 1200x630 z tytułem wpisu, aby link pokazywał prawdziwą kartę w mediach społecznościowych.

Karta Twitter/X — Wyeksportuj obraz 1200x675 dopasowany do karty podsumowania X, zamiast dostać niezręczne przycięcie.

Miniatura YouTube — Zbuduj okładkę 1280x720 ze śmiałym tytułem na miniaturę filmu.

Premiera produktu lub funkcji — Stwórz brandowaną okładkę 1200x630, aby linki premierowe wyglądały na zamierzone przy udostępnianiu.

Kwadratowy wpis na Instagramie — Wygeneruj kwadrat 1080x1080 z nagłówkiem i znakiem marki do wpisu w kanale.

Okładka story lub reela — Zaprojektuj pionową okładkę 1080x1920 do story lub krótkiego filmu.

Spójne okładki marki — Użyj ponownie gradientu i tekstu marki w różnych wpisach, aby udostępniane linki pozostały wizualnie spójne z marką.

Dwujęzyczne tytuły — Ustaw angielski lub chiński nagłówek i pozwól automatycznemu zawijaniu utrzymać go wewnątrz klatki.

Gdy wklejasz link do Slacka, iMessage, LinkedIna czy tweeta, karta podglądu wykonuje cichą pracę: obraz na tej karcie jest często pojedynczym największym powodem, dla którego ktoś klika. To obraz Open Graph — 1200 × 630 dla większości platform, nieco inne proporcje dla Twitter/X, 1280 × 720 dla miniatury YouTube, kwadrat albo relacja 9:16 dla innych feedów. Wypuść stronę bez niego, a karta wraca do przyciętego logo albo do niczego, a Twój starannie napisany post wygląda w feedzie na niedokończony.

Zadanie jest małe, ale fikuśne. Potrzebujesz dokładnego rozmiaru w pikselach dla platformy, tła, które dobrze się czyta w skali miniatury, tytułu na tyle dużego, by przetrwał zmniejszenie w osi czasu, a może podtytułu i Twojej domeny. Narzędzia projektowe potrafią to wszystko, ale każą Ci ustawić płótno, znaleźć szablon i wyeksportować we właściwych wymiarach — realny narzut jak na coś, co możesz robić od nowa dla każdego wpisu na blogu. Dedykowane generatory obrazów OG usprawniają to, ale wiele chce konta, prosi o wysłanie zasobów albo zamyka Cię w wyglądzie swojego szablonu.

OG Image generuje kartę w przeglądarce. Wybierz gotowe ustawienie — OG / Facebook 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, kwadrat 1080 × 1080 albo relacja 1080 × 1920 — wybierz gradient, wpisz tytuł, podtytuł oraz markę lub domenę, a wszystko skomponuje na Canvas w dokładnym rozmiarze, którego oczekuje platforma. Tytuł automatycznie się zawija i skaluje, lekka subtelna dekoracja chroni go przed płaskim wyglądem, a przełącznik ciemnego tekstu obsługuje jasne tła. Nic nie jest wysyłane, więc nagłówek, którego jeszcze nie opublikowałeś, zostaje na Twojej maszynie, a dostajesz czysty PNG nazwany dla swojego rozmiaru, gotowy do wrzucenia w znacznik og:image.

Co go wyróżnia

  • Właściwy rozmiar, każda platforma. OG 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, kwadrat i relacja — dokładne piksele, bez niespodzianek z kadrowaniem.
  • Tekst, który przetrwa miniaturę. Tytuły automatycznie się zawijają i skalują, z podtytułem i linią marki/domeny oraz przełącznikiem ciemnego tekstu do jasnych gradientów.
  • Osiem gradientów, komponowanych na żywo. Subtelny akcent dekoracyjny chroni kartę przed wyglądem płaskiego bloku koloru, a każda zmiana pokazuje się natychmiast.
  • Nic nie wysyłane. Twój nieopublikowany nagłówek i wszelka treść zostają w przeglądarce; żadne zasoby nie idą na serwer.
  • Działa offline. Zapisany w pamięci po pierwszej wizycie, więc możesz robić karty w locie.
  • Za darmo, bez konta, bez znaku wodnego. Pobierz czysty PNG nazwany dla swoich wymiarów.

IMG.DIY a inne narzędzia do obrazów OG

Canva i dedykowane generatory OG są sprawne, ale niosą więcej konfiguracji i zwykle prowadzą Twoją pracę przez swoje serwery lub szablony.

Aspekt Canva Dedykowane generatory obrazów OG IMG.DIY
Wymagane konto Tak Często Nie
Wysyłanie / render serwerowy Po stronie serwera Często Nie, wszystko w przeglądarce
Gotowe rozmiary platform Ręcznie lub szablon Tak OG, Twitter/X, YouTube, kwadrat, relacja
Elastyczność projektowa Bardzo wysoka Ograniczona szablonem Skupiona: gradient + tytuł/podtytuł/marka
Szybkość do gotowej karty Umiarkowana Szybka, ale często ograniczona Wpisz, wybierz, pobierz
Offline Nie Nie Tak, po pierwszej wizycie
Znak wodny Na niektórych eksportach Czasem w planie darmowym Brak

Canva wygrywa, gdy chcesz w pełni własnej karty ze zdjęciami, logo i precyzyjną kontrolą układu — to prawdziwe narzędzie projektowe i warte tego dla grafiki bohaterskiej. Dedykowane generatory OG są szybkie i celowe, ale wiele zamyka dobre wyjście za kontem, krokiem wysyłania albo stałym stylem szablonu. OG Image plasuje się na szybkim, prywatnym krańcu: mniej pokręteł, ale te, które się liczą — dokładny rozmiar platformy, czytelny tytuł, gradient, linia marki — bez logowania i bez niczego opuszczającego Twoją przeglądarkę. Do rutynowego zadania nadania każdej stronie przyzwoitej karty udostępniania to zwykle wszystko, czego potrzebujesz.

Dlaczego IMG.DIY

5 rozmiarów platform

Od OG 1200×630 po story 1080×1920.

8 gradientów

Czyste tła, które nie walczą z tekstem.

Inteligentne zawijanie

Poprawnie obsługuje długie tytuły i tekst CJK.

Natychmiast

Bez aplikacji graficznej, bez strony z szablonami, bez logowania.

FAQ

Jaki rozmiar powinien mieć obraz OG?
1200×630 to standard, który Facebook, LinkedIn, Slack i większość platform renderuje najlepiej.
Czy mogę użyć własnego obrazu tła?
Ta wersja jest typograficzna (tła gradientowe). Do okładek opartych na zdjęciach najpierw skomponuj obraz w narzędziu Kolaż, a potem dodaj tu tekst — lub daj nam znać, jest to na liście planów.
Czy obsługuje chińskie tytuły?
Tak — zawijanie tekstu uwzględnia znaki dla CJK, więc długie chińskie tytuły łamią się poprawnie.
Gdzie umieścić obraz OG?
Prześlij go w dowolne publiczne miejsce i odwołaj się do niego w <meta property="og:image" content="…"> na swojej stronie.
Jaki rozmiar powinien mieć obraz OG?
Standardowy rozmiar Open Graph to 1200x630, które jest tu domyślnym ustawieniem. Karty podsumowania Twitter/X używają 1200x675, miniatury YouTube 1280x720, a są też kwadratowe ustawienia 1080x1080 i story 1080x1920, więc dopasujesz się dokładnie do każdej platformy.
Czy mój chiński lub długi tytuł zostanie ucięty?
Nie. Zawijanie tekstu obsługuje zarówno angielski, jak i CJK i rozkłada tytuł na wiele linii, aby utrzymać go wewnątrz klatki, więc chińskie tytuły i długie angielskie nagłówki oba się mieszczą.
W jakim formacie eksportuje?
Pobiera PNG, który jest bezpiecznym, szeroko obsługiwanym formatem dla znaczników og:image i twitter:image. Podgląd, który widzisz, to dokładnie to płótno, które zostaje wyeksportowane.
Jak sprawić, aby obraz faktycznie pokazywał się, gdy udostępniam link?
Umieść wyeksportowany PNG na serwerze i odwołaj się do niego w znacznikach meta og:image i twitter:image swojej strony. Potem platformy go podchwytują, choć niektóre agresywnie buforują, więc użyj ich debuggera, aby odświeżyć podgląd w razie potrzeby.
Czy mogę zmienić tło?
Jest osiem gotowych gradientów do wyboru, plus Twój tytuł, podtytuł i tekst marki na wierzchu. Jest zbudowany do szybkich, czystych okładek, a nie do dowolnego układu, więc dostajesz dobry wynik bez grzebania.
Dlaczego moja karta wciąż pokazuje stary obraz po jego aktualizacji?
Facebook, LinkedIn i X buforują obrazy OG, więc stara okładka może się utrzymywać. Przepuść link przez debugger udostępniania platformy, aby wymusić ponowne pobranie i wyciągnąć Twój nowy obraz.

Powiązane narzędzia

Poradniki i wskazówki