Social-Media-Karten-Generator

Es erstellt markenkonforme Vorschaugrafiken für Blogbeiträge und erzeugt die passenden OG- und Twitter-Card-Meta-Tags. Gestalte das Bild mit integrierten Vorlagen und füge die Tags anschließend in den head deines HTML ein.

PNG-Export in Twitter 1200x675, Facebook 1200x630, LinkedIn 1200x627 und Instagram 1080x1080. Wechsle die Tabs, um in der exakten Auflösung neu zu rendern.

Ja, es läuft vollständig in deinem Browser. Hochgeladene Bilder und Logos verlassen niemals dein Gerät.

Absolut. Der Generator für Social-Media-Karten verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der Generator für Social-Media-Karten ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen – ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Generator für Social-Media-Karten in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der Generator für Social-Media-Karten funktioniert in allen modernen Browsern, einschließlich Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Open Graph ist das Protokoll, das Facebook, LinkedIn und die meisten Plattformen auslesen, um eine Link-Vorschau zu erstellen, mit Tags wie og:title, og:description und og:image. Twitter (X) nutzt eigene twitter:card-Tags, wobei summary_large_image die große, randlose Grafik statt eines kleinen Thumbnails anzeigt. Beide überschneiden sich stark — Twitter greift auf Open-Graph-Tags zurück, wenn eigene fehlen —, weshalb du in der Praxis beide setzt, um überall abgedeckt zu sein. Auch die Bildmaße unterscheiden sich leicht: Twitters große Karte ist 1200x675, während der Open-Graph-Standard 1200x630 ist. Dieser Generator erstellt beide Tag-Sätze aus demselben Titel, Untertitel, URL und Seitennamen und rendert das PNG jeweils in der exakten Größe der Plattform neu — kopiere einfach den passenden Block in den Head deiner Seite, und du bist überall abgedeckt.

Social-Plattformen cachen die Vorschau beim ersten Teilen einer URL, weshalb Änderungen an deinem og:image erst sichtbar werden, wenn dieser Cache geleert wird. Die andere häufige Ursache ist, dass die og:image-URL auf eine Datei zeigt, die nicht öffentlich erreichbar ist — ein localhost-Pfad, ein privater Bucket oder eine Seite hinter einem Login —, denn der Crawler der Plattform muss das Bild aus dem offenen Web abrufen können. Behebe es, indem du das heruntergeladene PNG auf einem live erreichbaren CDN oder Webhost hostest und dann die URLs bei og:image und twitter:image in deinen Tags auf diesen öffentlichen Link aktualisierst. Nach dem Deployment lass die Seite im Debugger der jeweiligen Plattform neu einlesen, etwa im Sharing Debugger von Facebook, um einen frischen Abruf zu erzwingen. Gestalte und exportiere deine Karte hier und füge dann die generierten Tags ein, bevor du neu einlesen lässt.

Jedes Netzwerk beschneidet Link-Vorschauen auf sein eigenes Seitenverhältnis, weshalb keine einzelne Datei überall perfekt passt. Der De-facto-Standard ist 1200x630, der Open-Graph-Standardwert, der sich auf den meisten Plattformen gefahrlos wiederverwenden lässt, wenn du nur ein Bild möchtest. Für pixelgenaue Ergebnisse will Twitters große Karte 1200x675, LinkedIn nutzt 1200x627, und Instagram ist ein 1080x1080 großes Quadrat. Dieses Tool erspart dir das Raten: Wechsle den Vorschau-Tab, und die Karte wird vor dem Export als PNG exakt in den Maßen der jeweiligen Plattform neu gerendert, sodass Text und Logos scharf und korrekt positioniert bleiben statt verzerrt zu werden. Veröffentlichst du auf einem Hauptkanal, exportiere diese Größe; verteilst du breit, ist die 1200x630-Datei die praktische Universallösung.

Ja — das ist der einzige manuelle Schritt. Der Generator zeichnet und exportiert das PNG lokal in deinem Browser, aber Social-Plattformen holen Vorschaubilder von einer live erreichbaren URL, nicht von deinem Computer. Lade das PNG nach dem Herunterladen also auf dein eigenes CDN oder deinen Webhost hoch, wo es einen öffentlichen, erreichbaren Link hat, und ersetze diesen Link dann in den Werten og:image und twitter:image in den kopierten Meta-Tags. Es auf derselben Domain wie die Seite selbst zu hosten ist völlig in Ordnung und oft am einfachsten. Sobald die Datei live ist und die Tags darauf verweisen, wird das Bild beim Teilen deiner URL automatisch geladen. Gestalte deine Karte hier, kopiere den generierten Open-Graph- und Twitter-Card-Block, und du musst nur noch diese beiden Bild-URLs durch deine gehostete Datei ersetzen.

Lange Titel werden für dich gehandhabt, damit nichts über das Layout hinausläuft. Während du tippst, bricht die Überschrift automatisch auf mehrere Zeilen um, um in die Kartenbreite zu passen, und falls sie den verfügbaren Platz trotzdem sprengt, wird sie mit Auslassungspunkten gekürzt, statt über den Rand hinauszulaufen. Das hält jeden Export sauber, egal wie viel Text du eingibst. Für die stärkste Vorschau lohnt sich eine prägnante Überschrift — kurze, gut scanbare Zeilen wirken in einem vollen Feed besser als ein Absatz, der abgeschnitten wird. Du kannst außerdem die Titelgröße zwischen 40 und 120 Pixel verschieben, um Wirkung gegen Länge abzuwägen, und die Schriftfamilie wechseln, falls eine schmalere Schrift mehr Wörter unterbringt. Tippe deine Überschrift in die Live-Canvas ein und passe den Größenregler an, bis sie in voller Exportauflösung sauber lesbar ist.