Open Graph & Social-Bilder

Generieren Sie Open Graph-Bilder mit einer API

Generieren Sie automatisch ein eindeutiges Social-Share-Bild für jede Seite, jeden Beitrag und jedes Produkt – aus einer Vorlage und Ihren Daten. Kein Design-Tool, keine Screenshots, keine veralteten Bilder.

Dokumentation lesen
100 renders / Monat kostenlos · keine Karte erforderlich · bezahlte Pläne werden nie blockiertKostenlos testen: Prüfe das Open-Graph-Bild jeder Seite →
MostlyRenderChangelog
Eine Render-API, die dich nie im Stich lässt
Vorlagen · Zusatzgebühren · echter kostenloser Plan
A
Ada Render
Engineering
Eine Vorlage, aus Ihren Daten gerendert

So funktioniert es

1

Gestalte die Karte einmal

Lege Titel, Beschreibung, Autor und Hintergrund als wiederverwendbare Vorlage im Editor an.

2

Übergib deine Seitendaten

Sende Titel und beliebige Felder an die API – oder füge sie in einer signierten render-by-URL direkt in deinen og:image-Tag ein.

3

Zwischenspeichern & bereitstellen

Identische Anfragen geben das zwischengespeicherte Bild zurück und werden dir nicht erneut berechnet, sodass stark frequentierte Seiten kostenlos geteilt bleiben.

Ein API-Aufruf

curl https://api.mostlyrender.com/v1/renders \
  -H "Authorization: Bearer mr_test_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{"templateId":"tpl_og_card","modifications":{"title":"Eine Render-API, die dich nie im Stich lässt","subtitle":"Vorlagen · Zusatzgebühren · echter kostenloser Plan"}}'

Fragen

Kann ich das OG-Bild direkt von einer URL rendern?

Ja. Eine signierte Render-URL platziert die Daten in der Abfragezeichenfolge Ihres og:image-Tags — zum Beispiel /v1/templates/tpl_abc/render.png?title=Hello&sig=… — daher wird kein Backend-Code pro Seite ausgeführt. Die Signatur verhindert, dass jemand die Daten ändert oder auf eine andere Vorlage verweist.

Werden wiederholte Renders erneut abgerechnet?

Nein. Die gleiche Vorlage und die gleichen Daten geben das zwischengespeicherte Bild zurück und werden nicht erneut gezählt, daher kostet ein Beitrag, der tausendmal geteilt wird, einen Render.

Welche Größe sollte ein Open-Graph-Bild haben?

1200 × 630 Pixel (Verhältnis 1,91:1) ist die Größe, die die meisten Plattformen für große Link-Vorschaubilder erwarten. Die Deklaration von og:image:width und og:image:height ermöglicht Facebook, das Bild beim ersten Teilen eines Links anzuzeigen. Vorlagen sind größenspezifisch: Stellen Sie die Canvas der Share-Card auf 1200 × 630 ein und behalten Sie separate quadratische oder hochformatige Vorlagen für andere Platzierungen.

Welche Formate kann ich ausgeben?

PNG (Standard, verlustfrei), JPEG, WebP oder PDF. Bei Social Cards sind PNG oder JPEG die sichere Wahl; signierte URLs akzeptieren auch q (0–100) für JPEG/WebP-Qualität und scale (1–3) für schärfere Retina-Ausgabe.

Ist mein API-Schlüssel in der og:image-URL sichtbar?

Nein. Die URL trägt eine HMAC-Signatur, die mit Ihrem URL-Signierungsgeheimnis erstellt wird, niemals mit Ihrem API-Schlüssel. Halten Sie das Geheimnis auf der Serverseite; das Rotieren in den Einstellungen macht jede mit dem alten Geheimnis signierte URL ungültig.

Was passiert, wenn eine Seite viral geht?

Zwischengespeicherte URLs werden ohne Limit weiter bereitgestellt. Nur nicht zwischengespeicherte Renders unterliegen pro Template einer Rate-Limitierung (Sie sehen eine 429 mit Retry-After), und bei bezahlten Plänen werden Renders über Ihre enthaltene Menge als Overage berechnet statt blockiert.

Kann ich OG-Bilder generieren, ohne Code zu schreiben?

Ja. Erstellen Sie die Vorlage im Editor, drücken Sie dann auf "Signierte URL abrufen" im Playground und fügen Sie die URL in Ihr og:image-Tag ein – kein Code, kein Server.