Dom / Darmowe narzędzia / Open Graph Image Generator

Zrób obraz, który ludzie widzą przy udostępnieniu Twojego linku

Zrób obraz 1200 x 630, który pojawia się, gdy ktoś udostępnia Twoją stronę.

Udostępniony link rysowany jest jako karta, a obraz stanowi jej większość. Platformy chcą tego obrazu w okolicach 1200 x 630, przycinają go od środka i mocno pomniejszają, zanim ktokolwiek go zobaczy, więc zrzut ekranu albo logo na białym kwadracie rzadko przetrwa tę drogę. To narzędzie rysuje obraz we właściwym rozmiarze. Wpisz nagłówek, wybierz kolor tła, gradient albo własne zdjęcie, dodaj logo, jeśli je masz, a prowadnice przycięcia pokażą, co zostaje widoczne na telefonie. Wyeksportuj jako PNG albo jako JPEG na tyle lekki, by przeszedł na platformach odrzucających duże pliki. Wszystko dzieje się w Twojej przeglądarce i żaden obraz nigdzie nie jest wysyłany.

Krój pisma
Wyrównanie
Kolor tekstu
Tło
Kolory
Zdjęcie
Upuść tutaj zdjęcie
Jest czytane w Twojej przeglądarce i nigdy nigdzie nie wysyłane.
Przeciągnij zdjęcie, aby wybrać, która część zostaje w kadrze.
Logo opcjonalne
Upuść tutaj logo
Narożnik logo
Nic nie jest tu zapisywane ani wysyłane. Obraz rysuje i zapisuje Twoja własna przeglądarka, więc zamknięcie tej strony go traci.
1200 × 630 · PNG ·
WhatsApp chce pliku poniżej 600KB, inaczej pokazuje mały podgląd. Pozostałe platformy pozwalają na znacznie więcej, więc wybierz PNG, chyba że w obrazie jest zdjęcie.

Dlaczego zrzut ekranu się nie sprawdza

Zrzut ekranu ma złe proporcje i pełno w nim szczegółów, które znikają. Karta wyświetlana jest mała, na telefonie często ma kilkaset pikseli szerokości, a platforma przycina od środka, żeby dojść do 1.91:1. Napisy interfejsu, cienkie linie i wszystko blisko krawędzi już wtedy nie istnieją. W tej skali przeżywa krótka linijka dużym krojem i jeden wyrazisty kształt, i właśnie dlatego obrazy do udostępniania wyglądają tak, jak wyglądają.

Przycięcie bierze środek

Nie wszystkie platformy używają tych samych proporcji, więc tną obraz, żeby pasował. Cięcie idzie od środka na zewnątrz, przez co zagrożone są góra, dół i obie krawędzie boczne. Prowadnice tutaj zaznaczają obszar, który przetrwa najciaśniejsze spotykane przycięcie. Trzymaj w nim nagłówek i logo, a obraz będzie czytelny wszędzie, a nie tylko w tym jednym miejscu, w którym go sprawdziłeś.

Rozmiar pliku to realne ograniczenie

WhatsApp podaje limit 600KB, a X odrzuca wszystko powyżej 5MB. Zdjęcie w tle przy 1200 x 630 z łatwością przekracza 600KB jako PNG. Eksport do JPEG z włączonym limitem obniża jakość, aż plik się zmieści, co przy rozmiarze wyświetlanej karty jest niemal zawsze niewidoczne. Wybierz PNG, gdy tło jest jednolitym kolorem albo gradientem, bo takie tło kompresuje się do bardzo niewielu bajtów i pozostaje idealnie ostre.

Nic nie opuszcza twojej przeglądarki

Płótno rysowane jest na Twoim własnym komputerze i eksport również powstaje tam. Dodane zdjęcie jest czytane z Twojego dysku i nigdy nie wysyłane, a gotowy obraz zapisywany jest prosto ze strony. Nie ma konta, nie ma wysyłki i nie ma kopii Twojej pracy na żadnym serwerze, co oznacza też, że po zamknięciu strony niczego stąd nie da się odzyskać.

Co to robi

Jedno płótno w rozmiarze, którego chce każda platforma.

Właściwy rozmiar
  • 1200 x 630 przy eksporcie
  • Zaznaczony bezpieczny obszar
  • Zgodnie z tym, co pokazują platformy
Tło
  • Jednolity kolor albo gradient
  • Twoje własne zdjęcie
  • Przyciemnione, by tekst pozostał czytelny
Tekst
  • Nagłówek i druga linia
  • Pięć krojów, rozmiar i grubość
  • Do lewej, wyśrodkowane albo do prawej
Plik
  • PNG albo JPEG
  • Na życzenie poniżej 600KB
  • Nigdy nie wysyłany
Jak go używać
1
Napisz nagłówek
Niech będzie krótki. Kartę czyta się jednym spojrzeniem, a długie nagłówki platforma ucina, zanim obraz w ogóle zacznie mieć znaczenie.
2
Wybierz tło
Jednolity kolor albo gradient jest najbezpieczniejszy i daje najmniejszy plik. Wstaw zamiast tego zdjęcie, jeśli je masz, i podnoś przyciemnienie, aż tekst będzie się czytać wygodnie.
3
Sprawdź prowadnice
Zaznaczony obszar to ta część, która przetrwa najciaśniejsze przycięcie. Wszystko poza nim może zostać ucięte na niektórych platformach.
4
Wyeksportuj i dodaj do strony
Zapisz plik, wgraj go na własną stronę, a potem wskaż og:image na jego adres. Adres musi być dostępny bez logowania.
Co znaczą te słowa
og:image
Tag meta w head Twojej strony, który podaje adres obrazu. Bez niego platforma wybiera coś ze strony albo nie pokazuje obrazu wcale.
Bezpieczny obszar
Środek obrazu, który przetrwa przycięcie na każdej platformie. To, co leży poza nim, jest zagrożone na platformach o ciaśniejszych proporcjach.
1.91:1
Stosunek szerokości do wysokości przy 1200 x 630 oraz kształt, w jakim większość platform rysuje dużą kartę.
Pytania