OG-afbeeldingsgenerator

Wat is OG-afbeeldingsgenerator?

De OG-afbeeldingsgenerator is een gratis browsertool voor het maken van social share-cards (Open Graph- / Twitter Card-afbeeldingen) op het standaardformaat van 1200x630 pixels. Marketeers, bloggers, indie-ontwikkelaars en iedereen die een landingspagina lanceert, gebruiken het om een nette voorbeeldminiatuur te maken zonder een ontwerpapp te openen. Je typt de kop en een optionele subkop, kiest een effen kleur of een diagonaal verloop, stelt de tekstkleur en links- of gecentreerde uitlijning in, en plakt een logo-URL als je een merkteken in de hoek wilt. Het canvas wordt live opnieuw getekend zodat je tekst en kleuren kunt fijnafstemmen, en daarna exporteer je een PNG die klaar is om naar te verwijzen in je og:image-metatag.

OG-afbeeldingsgenerator gebruiken

1. Typ je titel in het veld Titel; deze wordt groot en vet getekend en loopt door over maximaal drie regels.
2. Voeg een optionele ondertitel onder de titel toe, of laat deze leeg om alleen de kop te tonen.
3. Open Instellingen om een effen of verloop-achtergrond te kiezen, de achtergrond- en tekstkleuren in te stellen en links- of gecentreerde uitlijning te kiezen.
4. Plak optioneel een logo-afbeeldings-URL (een afbeelding met CORS ingeschakeld) om een logo boven de tekst te plaatsen.
5. Kijk hoe het 1200x630-voorbeeld live wordt bijgewerkt, klik erop om het te vergroten en download de card daarna als PNG.

Voorbeelden

Veelgestelde vragen

Welk formaat heeft de gegenereerde afbeelding?

Altijd 1200x630 pixels, de standaardverhouding van Open Graph en Twitter summary-large-image (ongeveer 1,91:1). Dat formaat wordt scherp weergegeven in de linkvoorbeelden van Facebook, X/Twitter, LinkedIn, Slack en Discord.

Hoe voeg ik mijn eigen logo toe?

Plak een directe URL naar een logo-afbeelding in het veld Logo-URL. De afbeelding wordt opgehaald van die URL en boven de tekst getekend op een vaste hoogte met behoud van de verhouding. De bron moet cross-origingebruik (CORS) toestaan, anders blokkeert de browser het tekenen op het canvas.

Kan ik de kleuren en lay-out bepalen?

Ja. In Instellingen kun je wisselen tussen een effen achtergrond en een tweekleurig diagonaal verloop, de achtergrondkleur(en) en de tekstkleur instellen en links- of gecentreerde uitlijning kiezen. De titel en ondertitel lopen automatisch door en lange tekst wordt afgekapt met een beletselteken.

Wordt mijn tekst of afbeelding ergens geüpload?

Nee. De card wordt volledig op een HTML-canvas in je browser getekend en lokaal naar een PNG geëxporteerd. Je titel, ondertitel en kleuren worden nooit naar een server gestuurd. Alleen een logo-URL die je opgeeft wordt opgehaald, en dat verzoek gaat rechtstreeks van je browser naar de host die je hebt gekozen.