Kostenloser Open Graph Image Generator
Dieser kostenlose Open Graph Image Generator erstellt ein 1200 x 630 Pixel großes PNG für das Bild, das angezeigt wird, wenn dein Seiten-Link auf Facebook, LinkedIn, WhatsApp oder X geteilt wird. Gib einen Titel und Untertitel ein, wähle deine Markenfarbe und eine Vorlage aus, lade die Datei herunter und setze sie als og:image. Keine Anmeldung erforderlich, und nichts, das du eingibst, wird gespeichert.
Open Graph Image Generator
Images
Über dieses Tool
Wenn jemand deinen Link in einen Chat oder einen Social-Media-Beitrag einfügt, entscheidet das Vorschaubild, ob er klickt. Seiten ohne Open Graph Bild zeigen ein leeres Feld oder einen zufälligen Ausschnitt. Ein klarer Titel auf sauberem Hintergrund in deiner Markenfarbe ist eine schnelle und konsistente Lösung für Blog-Beiträge, Tool-Seiten und Landing Pages, die kein eigenes Foto haben.
Gib den Seitentitel, einen optionalen Untertitel und deinen Seitennamen ein, wähle eine Farbe und eine von vier Vorlagen: Volltonfarbe, Farbverlauf, Hell mit Akzentbalken oder Dunkel. Die Textfarbe wird automatisch gewählt, damit sie auf deiner Farbe lesbar bleibt, und lange Titel werden umgebrochen und verkleinert, um in drei Zeilen zu passen. Titel mit etwa 60 Zeichen oder weniger sehen am besten aus. Das Bild wird mit den Schriftarten Inter und Outfit gezeichnet, die diese Website verwendet.
Nach dem Herunterladen des PNG lade es auf deine Website hoch und verweise mit dem og:image Meta-Tag auf seine vollständige Adresse, und füge ein passendes twitter:image Tag hinzu. Halte wichtige Wörter von den Rändern fern, da einige Apps die Seiten abschneiden. Die Schriftart unterstützt lateinische Buchstaben, Zahlen und häufige Satzzeichen; Emoji und andere Schriftsysteme werden entfernt. Du kannst die Live-Tags anschließend mit dem Open Graph Checker überprüfen.
Häufig gestellte Fragen
Welche Größe sollte ein Open Graph Bild haben?
Die weit verbreitete Größe ist 1200 x 630 Pixel, ein Verhältnis von etwa 1,91 zu 1. Facebook, LinkedIn, WhatsApp und X zeigen es alle gut an. Halte die Datei unter einigen Megabyte, verwende eine vollständige Web-Adresse im og:image Tag und halte wichtigen Text von den Rändern fern.
Wie verwende ich das Bild auf meiner Website?
Lade das heruntergeladene PNG auf deine Website hoch, dann füge einen Meta-Tag im Head der Seite hinzu: og:image mit der vollständigen Adresse der Datei. Füge ein twitter:image Tag mit der gleichen Adresse für X hinzu. Die meisten Content-Management-Systeme haben auch ein Feld dafür in ihren SEO-Einstellungen.
Warum wird meine alte Vorschau noch angezeigt, nachdem ich sie geändert habe?
Soziale Netzwerke speichern Link-Vorschaubilder. Nachdem du das Bild aktualisiert hast, verwende den Facebook Sharing Debugger oder den LinkedIn Post Inspector, um die Seite erneut abzurufen. Der neuen Datei einen anderen Namen zu geben hilft auch, da die Adresse dann wie ein neues Bild für den Cache aussieht.
Kann ich mein eigenes Logo oder Foto verwenden?
Dieser Generator zeichnet nur Text auf Farbe, daher hat er keinen Logo- oder Foto-Upload. Er eignet sich für Websites, die schnell eine saubere, konsistente Karte benötigen. Für ein Foto- oder Logo-Layout verwende ein Design-Tool und exportiere es mit 1200 x 630 Pixeln.
Wird etwas, das ich eingebe, gespeichert?
Nein. Dein Titel, Untertitel und deine Farbe werden verwendet, um das Bild zu zeichnen, und werden nicht gespeichert. Das PNG wird im Ergebnis als Download angezeigt und existiert nur auf deiner Browser-Seite, also speichere es, bevor du die Seite neu lädst oder verlässt.