Zuhause / Kostenlose Tools / Open Graph Image Generator

Erstellen Sie das Bild, das man beim Teilen Ihres Links sieht

Erstellen Sie das Bild in 1200 x 630, das erscheint, wenn jemand Ihre Seite teilt.

Ein geteilter Link wird als Karte gezeichnet, und das Bild macht den größten Teil davon aus. Plattformen wollen dieses Bild in etwa 1200 x 630, sie beschneiden es aus der Mitte und verkleinern es stark, bevor es jemand sieht, weshalb ein Screenshot oder ein Logo auf weißem Quadrat die Reise selten übersteht. Dieses Werkzeug zeichnet eins in der richtigen Größe. Tippen Sie eine Überschrift, wählen Sie eine Hintergrundfarbe, einen Verlauf oder ein eigenes Foto, fügen Sie ein Logo hinzu, und die Beschnittlinien zeigen, was auf einem Telefon sichtbar bleibt. Exportieren Sie als PNG oder als JPEG, klein genug für die Plattformen, die große Dateien ablehnen. Alles geschieht in Ihrem Browser und kein Bild wird irgendwohin gesendet.

Schrift
Ausrichtung
Textfarbe
Hintergrund
Farben
Foto
Foto hier ablegen
Es wird in Ihrem Browser gelesen und nie irgendwohin gesendet.
Ziehen Sie das Foto, um zu wählen, welcher Teil im Bild bleibt.
Logo optional
Logo hier ablegen
Logo-Ecke
Hier wird nichts gespeichert oder hochgeladen. Das Bild wird von Ihrem eigenen Browser gezeichnet und exportiert, ein Schließen dieser Seite verliert es also.
1200 × 630 · PNG ·
WhatsApp will die Datei unter 600KB, sonst zeigt es eine kleine Vorschau. Die anderen Plattformen erlauben weit mehr, nehmen Sie also PNG, außer das Bild enthält ein Foto.

Warum ein Screenshot nicht funktioniert

Ein Screenshot hat das falsche Format und steckt voller Details, die verschwinden. Die Karte wird klein dargestellt, auf einem Telefon oft nur ein paar hundert Pixel breit, und die Plattform beschneidet aus der Mitte, um 1.91:1 zu erreichen. Bedienungstext, dünne Linien und alles nahe am Rand sind dann weg. Was in dieser Größe überlebt, ist eine kurze Zeile in großer Schrift und eine kräftige Form, und genau deshalb sehen Teilen-Bilder so aus, wie sie aussehen.

Beschnitten wird aus der Mitte

Nicht alle Plattformen verwenden dasselbe Seitenverhältnis, also schneiden sie Ihr Bild passend zu. Der Schnitt geht von der Mitte nach außen, wodurch oben, unten und beide Seitenränder gefährdet sind. Die Linien hier markieren den Bereich, der den engsten üblichen Beschnitt übersteht. Halten Sie Überschrift und Logo darin, und das Bild liest sich überall richtig statt nur dort, wo Sie es getestet haben.

Die Dateigröße ist eine echte Grenze

WhatsApp dokumentiert eine Obergrenze von 600KB und X lehnt alles über 5MB ab. Ein Foto als Hintergrund in 1200 x 630 überschreitet als PNG leicht 600KB. Der Export als JPEG mit aktivierter Größenbegrenzung senkt die Qualität so weit, bis die Datei passt, was in der Anzeigegröße einer Karte fast immer unsichtbar bleibt. Nehmen Sie PNG, wenn der Hintergrund eine Volltonfarbe oder ein Verlauf ist, denn das komprimiert auf sehr wenig und bleibt gestochen scharf.

Nichts verlässt Ihren Browser

Die Zeichenfläche entsteht auf Ihrem eigenen Rechner, und der Export wird dort ebenfalls erzeugt. Ein Foto, das Sie hinzufügen, wird von Ihrer Festplatte gelesen und nie gesendet, und das fertige Bild wird direkt von der Seite gespeichert. Es gibt kein Konto, keinen Upload und keine Kopie Ihrer Arbeit auf irgendeinem Server, was auch heißt, dass sich hier nichts wiederherstellen lässt, sobald Sie die Seite schließen.

Was es tut

Eine Zeichenfläche in der Größe, die jede Plattform will.

Die richtige Größe
  • 1200 x 630 beim Export
  • Sicherer Bereich markiert
  • So wie Plattformen es zeigen
Der Hintergrund
  • Volltonfarbe oder Verlauf
  • Ihr eigenes Foto
  • Abgedunkelt, damit der Text lesbar bleibt
Der Text
  • Überschrift und eine zweite Zeile
  • Fünf Schriften, Größe und Stärke
  • Links, zentriert oder rechts
Die Datei
  • PNG oder JPEG
  • Auf Wunsch unter 600KB gehalten
  • Nie hochgeladen
So wird sie verwendet
1
Überschrift schreiben
Halten Sie sie kurz. Eine Karte wird im Vorbeigehen gelesen, und lange Überschriften kürzt die Plattform, bevor das Bild überhaupt eine Rolle spielt.
2
Hintergrund wählen
Eine Volltonfarbe oder ein Verlauf ist am sichersten und ergibt die kleinste Datei. Nehmen Sie stattdessen ein Foto, wenn Sie eines haben, und erhöhen Sie die Abdunklung, bis der Text bequem zu lesen ist.
3
Linien prüfen
Der markierte Bereich ist das, was den engsten Beschnitt übersteht. Alles außerhalb kann auf manchen Plattformen abgeschnitten werden.
4
Exportieren und auf die Seite setzen
Datei speichern, auf die eigene Website laden, dann og:image auf deren Adresse zeigen lassen. Die Adresse muss ohne Anmeldung erreichbar sein.
Was diese Wörter bedeuten
og:image
Das Meta-Tag im head Ihrer Seite, das die Adresse des Bildes nennt. Ohne es sucht sich eine Plattform etwas von der Seite aus oder zeigt gar kein Bild.
Sicherer Bereich
Die Mitte des Bildes, die jeden Plattform-Beschnitt übersteht. Was außerhalb liegt, ist auf den Plattformen mit engerem Verhältnis gefährdet.
1.91:1
Das Verhältnis von Breite zu Höhe bei 1200 x 630, und die Form, in der die meisten Plattformen eine große Karte zeichnen.
Fragen