Zum Hauptinhalt springen

OG-Bild Generator

Erstelle lokal im Browser ein 1200×630 Open-Graph-Bild. Foto hochladen, Text hinzufügen, verschieben und als PNG herunterladen.

1200×630px·Text in der Vorschau ziehen, um ihn zu positionieren

Anpassen

Alles läuft lokal im Browser. Nichts wird hochgeladen.

Hintergrund

Text-Overlay

Verdunkelt den unteren Bereich, damit Text auf Fotos lesbar bleibt.

Warum OG-Bilder hier erstellen?

Richtige Größe standardmäßig

Jeder Export ist 1200×630 px — das empfohlene Open-Graph-Format für Facebook, LinkedIn, X, WhatsApp und Discord.

Läuft im Browser

Foto hochladen, Titel setzen, PNG laden. Nichts wird an unsere Server gesendet — deine Bilder bleiben auf deinem Gerät.

In Minuten preview-ready

Text verschieben, Overlay anpassen, exportieren. Dann die Datei auf deine Website legen und mit unserem Scan prüfen.

So erstellst du ein Open-Graph-Bild

Ein Open-Graph-Bild ist die große Vorschau, die Menschen sehen, wenn dein Link geteilt wird. Ohne og:image zeigen Plattformen einen Platzhalter — oder schneiden die Seite ungünstig zu. Ein dediziertes 1200×630-Bild gibt dir die Kontrolle über den ersten Eindruck.

Was macht ein gutes OG-Bild aus?

Halte die Überschrift kurz (unter ~45 Zeichen im Bild), nutze hohen Kontrast und sichere Ränder, damit auf Mobile nichts abgeschnitten wird. Ein dezenter Verlauf unten hält Text auf Fotos lesbar. Keine winzigen Logos oder Kleingedrucktes — Vorschauen sind klein.

Wie nutze ich die exportierte PNG?

Hoste das Bild auf deiner Domain (oder CDN) und verweise og:image auf die absolute URL. In HTML: <meta property="og:image" content="https://deineseite.de/og.png" />. Ergänze og:title, og:description und og:url. Für X: twitter:card auf summary_large_image und twitter:image auf dieselbe Datei.

PNG oder JPG?

PNG ist verlustfrei und eignet sich für Text und flache Grafiken — ideal für Bilder aus diesem Tool. JPG spart bei fotolastigen Motiven Dateigröße. Bleib unter 5 MB; größere Dateien werden oft abgelehnt oder langsam geladen.

Vor dem Teilen validieren

Nach dem Veröffentlichen deine URL mit unserem Open-Graph-Scanner prüfen — Live-Vorschauen für Facebook, X, LinkedIn, WhatsApp und Discord nebeneinander. Fehlende Tags, falsche Größen oder Cache-Probleme beheben, bevor der Link rausgeht.

Bestehende Seite prüfen? URL scannen oder OG-Ratgeber im Blog.

OG-Generator FAQ

Fragen zu Größen, Meta-Tags oder Cache? Scanne eine URL oder lies die Schritt-für-Schritt-Guides im Blog.

Immer 1200×630 Pixel. Das ist das Standard-Open-Graph-Format (~1,91:1) und funktioniert auf Facebook, LinkedIn, X, WhatsApp, Slack und Discord ohne unschönes Zuschneiden.