OG-afbeelding-generator

Maak Open Graph-afbeeldingen (1200×630) voor social.

Generator

De OG Image Generator maakt Open Graph-voorvertoningsafbeeldingen van 1200×630 pixels — de aanbevolen afmeting voor Facebook, Twitter, LinkedIn en andere sociale platforms. Wanneer iemand een link deelt, haalt het platform de og:image op om een visuele kaart weer te geven naast de titel en beschrijving. Een aantrekkelijke voorvertoningsafbeelding verhoogt de doorklikratio aanzienlijk. In plaats van een grafisch bewerkingsprogramma te openen, typ je eenvoudig je titel en ondertitel, bekijk je het resultaat in realtime en download je een hoogwaardige PNG. Het hele proces draait in je browser met HTML Canvas — geen uploads, geen serververwerking en geen ontwerpvaardigheden vereist.

Over OG Image Generator

Open Graph-afbeeldingen zijn de visuele kaarten die verschijnen wanneer je een link deelt op sociale media. Facebook, Twitter, LinkedIn, Slack, Discord en veel messaging-apps lezen de og:image-metatag om te bepalen welke afbeelding wordt weergegeven. De aanbevolen resolutie is 1200×630 pixels, wat een scherpe weergave biedt op zowel desktop als mobiel. Deze tool genereert een strakke, professionele kaart met je aangepaste titel- en ondertiteltekst, ideaal voor blogposts, landingspagina's, productaankondigingen of elke pagina die er goed uit moet zien bij het delen.

Hoe te gebruiken OG Image Generator

  1. Voer een Titel in — dit is de hoofdkop die op de voorvertoningskaart verschijnt.
  2. Voeg optioneel een Ondertitel toe voor extra context (bijv. je sitenaam of een slogan).
  3. Bekijk de gegenereerde 1200×630-afbeelding in realtime onder het formulier.
  4. Klik op de downloadknop om de afbeelding op te slaan als PNG-bestand.
  5. Upload de afbeelding naar je site en verwijs ernaar in je <meta property="og:image">-tag. Gebruik onze Metatag-generator om de volledige set Open Graph-tags te maken.

Belangrijkste kenmerken

  • Genereert afbeeldingen op de standaard 1200×630 px Open Graph-resolutie
  • Realtime voorvertoning zodat je tekst kunt aanpassen vóór het downloaden
  • Strak, professioneel kaartontwerp zonder dat ontwerpsoftware nodig is
  • Download als hoogwaardig PNG-bestand klaar voor webhosting
  • Volledig browsergebaseerd — afbeeldingen worden gerenderd op HTML Canvas zonder serverupload
  • Werkt naadloos samen met de Metatag-generator voor een complete social-SEO-workflow

Wanneer dit hulpmiddel te gebruiken

  • Een blogpost publiceren en snel een afbeelding voor social sharing nodig hebben
  • Een landingspagina of product lanceren en een opvallende voorvertoningskaart willen
  • Consistente OG-afbeeldingen maken voor meerdere pagina's zonder een ontwerptool te openen
  • Testen hoe verschillende titel- en ondertitelcombinaties eruitzien op de standaard OG-afmeting

Technische details

De afbeelding wordt gerenderd op een HTML5 <canvas>-element van 1200×630 pixels. De titel en ondertitel worden getekend met webveilige lettertypen, gecentreerd en geschaald om te passen. Het voltooide canvas wordt geëxporteerd als PNG met canvas.toDataURL() en aangeboden als download. Omdat alle rendering in de browser plaatsvindt, wordt je tekst nooit naar een server verzonden. Voor de beste resultaten op sociale media, host je de gedownloade afbeelding op een publiek toegankelijke URL en verwijs je ernaar via de og:image-metatag met een absolute URL.

Conclusie

Een sterke Open Graph-afbeelding maakt van elke gedeelde link een opvallende visuele kaart. Deze gratis, browsergebaseerde OG Image Generator laat je in enkele seconden professionele 1200×630-voorvertoningsafbeeldingen maken — zonder ontwerpervaring, zonder software-installatie en zonder serveruploads.

Veelgestelde vragen

Welk formaat moeten OG-afbeeldingen hebben?
1200×630 pixels is de meest aanbevolen resolutie voor Facebook, LinkedIn en Twitter. Deze tool produceert precies dat formaat om te garanderen dat je voorvertoning scherp is op alle platforms.
Hoe voeg ik de afbeelding toe aan mijn pagina?
Upload de gedownloade PNG naar je webserver of CDN. Voeg vervolgens <meta property="og:image" content="https://jouwsite.nl/afbeelding.png"> toe aan de <head> van je pagina. Gebruik onze Metatag-generator om alle benodigde Open Graph-tags te genereren.
Kan ik kleuren of lettertypen aanpassen?
De huidige versie genereert een standaard kaartontwerp. Voor geavanceerde aanpassingen kun je de afbeelding downloaden en bewerken in een grafisch programma, of CSS-gebaseerde benaderingen gebruiken voor dynamische OG-afbeeldingen op je server.
Wordt mijn content naar een server gestuurd?
Nee. De afbeelding wordt volledig in je browser getekend met de HTML Canvas API. Je titel- en ondertiteltekst verlaten je apparaat nooit.