OG-Bild-Generator im Browser
Titel eingeben, Layout und Markenfarben wählen und sofort eine 1200×630-PNG herunterladen. Keine Anmeldung, kein Wasserzeichen.
Checker mit Plattformvorschau
Jede URL einfügen, alle Open-Graph-Tags prüfen, Probleme wie fehlendes og:image:alt oder ein falsches twitter:card erkennen und die Karte auf vier Plattformen gleichzeitig sehen.
Neun quelloffene Next.js-Vorlagen
Kopierbare Routen für Headline-, Blog-, Live-Screenshot-, Telefon-, Button-, Profil- und Bewertungskarten, gerendert mit Satori und gestaltet mit Tailwind CSS.
Galerie mit 429 echten OG-Bildern
Ein Swipe-File bewusst gestalteter Karten aktiver Startups, sortiert nach Kategorien wie SaaS, KI, Design und Ecommerce, jeweils mit Farbpalette.
Leitfäden zu den Open-Graph-Grundlagen
Referenzartikel dazu, was ein OG-Bild ist, zur 1200×630-Norm und Plattformlimits, zu den og:image-Regeln und zu Next.js-Umsetzungswegen.
Das Problem, das diese Seite löst, ist konkret: ein geteilter Link soll so aussehen, dass man klicken möchte. ogimage.org geht es mit vier verzahnten Bausteinen an. Der Generator rendert eine 1200×630-Karte direkt im Browser aus Titel, Layout und Markenfarben – ohne Konto, ohne Wasserzeichen und mit Live-Vorschau während der Eingabe. Der Checker nimmt jede URL entgegen und liefert Diagnosen Tag für Tag: Bildgröße, ob twitter:card auf summary_large_image steht, ob og:image:alt fehlt – dazu die Darstellung des Links auf vier Plattformen.
Der Vorlagenteil richtet sich an Entwickler, die Karten automatisch statt von Hand erzeugen wollen. Neun Next.js-Routen decken gängige Muster ab – Headline, Blogbeitrag, Live-Screenshot, Telefon, Button, Profil und Bewertungen. Jede Route rendert JSX über Satori und gestaltet es mit Tailwind CSS; der komplette Quellcode ist unter MIT-Lizenz klonbar. Die Galerie ergänzt die Werkzeuge als Designreferenz: 429 echte Open-Graph-Bilder aktiver Startups, filterbar nach Kategorie und jeweils mit Farbpalette – brauchbar als Swipe-File für Designer und Marketer.
Alles auf der Seite ist kostenlos und wird als ein einziges öffentliches Repository veröffentlicht. Es gibt keine Bezahlstufe, keine Kontopflicht und keinen Bildhosting-Dienst: Man generiert, lädt herunter und hostet selbst. Begleitende Leitfäden erklären die Standardgröße für OG-Bilder, die Regeln zum og:image-Tag, die Open-Graph-Tag-Referenz und die Umsetzungswege mit Next.js.
