Kostenloses Tool

OG-Bild-Generator

Das Bild, das erscheint, wenn jemand deine Seite auf LinkedIn, Facebook oder WhatsApp teilt. Titel eingeben, Farben wählen, fertiges 1200×630-Bild herunterladen. Läuft lokal im Browser.

Kurz und klar, das ist der Blickfang

Wie wurde das gebaut?

Der Browser malt das Bild selbst, keine KI, kein Server, kein Upload. Gebaut mit Claude Code. Passend dazu: die Google-Snippet-Vorschau für Titel und Beschreibung. Sprich mit mir für dein eigenes Tool.

Was ist ein OG-Bild?

OG steht für Open Graph, das ist der Standard, mit dem Plattformen erkennen, wie ein geteilter Link aussehen soll. Wenn jemand deine Seite auf LinkedIn, Facebook oder in WhatsApp teilt, wird genau dieses Bild angezeigt. Fehlt es, erscheint entweder gar nichts oder ein zufällig gewähltes Bild von deiner Seite. Beides kostet Klicks.

Die richtige Größe

1200 mal 630 Pixel ist der Standard, den alle großen Plattformen sauber darstellen. Genau in dieser Größe kommt das Bild hier heraus. Halte wichtige Inhalte etwas von den Rändern weg, weil manche Ansichten leicht beschneiden.

So bindest du es ein

Lade das Bild auf deine Website und trag im Kopfbereich der Seite die Zeile mit og:image ein, die auf die Bildadresse zeigt. Wichtig ist eine vollständige Adresse mit https, keine relative. Danach kannst du den Link mit den Debug-Werkzeugen von LinkedIn oder Facebook prüfen und die Vorschau neu einlesen lassen.

Häufige Fragen

Wird mein Bild irgendwo hochgeladen?

Nein. Der Browser zeichnet das Bild selbst, es entsteht direkt auf deinem Rechner.

Warum aktualisiert sich die Vorschau bei Facebook nicht?

Die Plattformen speichern die Vorschau zwischen. Nutze den Sharing-Debugger der jeweiligen Plattform, um die Seite neu einlesen zu lassen.