OG Image Generator
Gestalten Sie die Link-Vorschau bewusst, bevor ein Blogpost, Launch-Hinweis oder eine Landingpage geteilt wird.
Theme
Veröffentlichen Sie Ihren nächsten Launch mit stärkerer Social Preview
Erstellen Sie eine OG-Karte, damit Release Notes, Blogposts und Landingpages beim Teilen professionell wirken.
Die Vorschau wird verkleinert, damit sie auf die Seite passt. Die heruntergeladene Datei nutzt 1200x630.
Über Open-Graph-Bilder
Best-Practice-Größe: 1200x630
Das Seitenverhältnis 1,91:1 ist für Open-Graph-Vorschauen weit verbreitet. Es bietet genug Platz für Headline, Produktkontext und Marke, ohne auf winzigen Text angewiesen zu sein.
Warum es zählt
Eine Link-Vorschau ist oft der erste visuelle Eindruck eines Launches, Posts oder Tools. Eine bewusst gestaltete Karte wirkt kontrollierter als ein automatisch generiertes Vorschaubild.
Auch klein lesbar bleiben
Social Cards werden häufig als kleine Vorschaubilder angezeigt. Halten Sie Schrift groß, vermeiden Sie dichte Absätze und lassen Sie wichtige Inhalte nicht zu nah an den Rand laufen.
Formatleitfaden für Plattformen
Facebook / LinkedIn
Das gängige Querformat. Halten Sie wichtigen Text zentral, damit er Plattform-Crops besser übersteht.
Twitter Summary Large
Twitter funktioniert auch mit einer etwas kürzeren 2:1-Karte gut, während 1200x630 breit kompatibel bleibt.
WhatsApp / WeChat
Quadratische Vorschauen croppen oft aus der Mitte. Eine zentrale Komposition hilft, wenn Links in Messaging-Apps geteilt werden.
Häufige Fragen
Gehört mir das generierte Bild?
Ja. Das Bild wird lokal im Browser erstellt und während der Generierung nicht auf einen Server hochgeladen.
Wie binde ich das Bild in Metadaten ein?
Fügen Sie ein og:image-Meta-Tag hinzu, das auf die finale Bild-URL zeigt, und ergänzen Sie bei Bedarf twitter:card mit summary_large_image.
Kann ich nicht-lateinischen Text verwenden?
Ja. Der browserbasierte Renderer unterstützt nicht-lateinischen Text, solange die benötigten Schriftarten in der Rendering-Umgebung verfügbar sind.
Warum zeigt eine Plattform noch ein altes Vorschaubild?
Social-Plattformen cachen Link-Vorschauen. Ändern Sie nach Bedarf Bild-URL oder Metadaten und nutzen Sie den Sharing Debugger oder Card Validator der Plattform, um ein Update anzustoßen.
Sollte jede Seite dasselbe OG-Bild verwenden?
Ein Standardbild ist für Hilfsseiten in Ordnung. Wichtige Launches, Blogposts und Landingpages funktionieren meist besser mit einer seitenspezifischen Karte.