OG Image Resizer Online
Maak perfect gemaakte Open Graph afbeeldingen voor Facebook, Twitter/X, LinkedIn en Discord. Wijzig formaat & snij bij naar 1200×630 of elke platformmaat. Gratis, geen registratie.
Sleep je bestand hierheenTik om je bestand te kiezen
of
Supports M4A, WAV, FLAC, OGG, AAC, WMA, AIFF, OPUS • Max 100 MB
Hoe maak je een OG afbeelding
Upload of maak een schermafbeelding
Sleep je afbeelding in de tool — een screenshot, foto of grafiek. Of voer een website-URL in om automatisch een screenshot van een willekeurige webpagina vast te leggen.
Kies grootte
Kies een platformpreset — Facebook 1200×630, Twitter 1200×628, LinkedIn of Discord. De afbeelding wordt in het midden bijgesneden om exact te passen.
Download
Klik op Formaat wijzigen & downloaden en haal je OG-afbeelding op. Upload deze naar je site en verwijs ernaar in je <meta> tags.
OG afbeeldingsmaten voor elk platform (2026)
Elk platform heeft zijn eigen aanbevolen afmetingen voor linkafbeeldingen. De verkeerde afmeting gebruiken resulteert in bijsnijden, vervaging of helemaal geen afbeelding.
| Platform | Gebruik | Afmeting (px) | Verhouding | Min. afmeting | Max. bestand |
|---|---|---|---|---|---|
| Link Share / og:image | 1200 × 630 | 1.91:1 | 600 × 315 | 8 MB | |
| Twitter / X | summary_large_image | 1200 × 628 | ~1.91:1 | 300 × 157 | 5 MB |
| Twitter / X | summary (vierkant) | 800 × 800 | 1:1 | 144 × 144 | 5 MB |
| Gedeelde link | 1200 × 627 | 1.91:1 | 200 × 200 | 5 MB | |
| Discord | Insluit-preview | 1200 × 630 | 1.91:1 | — | 8 MB |
| Slack | Unfurl-preview | 1200 × 630 | 1.91:1 | — | — |
| Link-preview | 1200 × 630 | 1.91:1 | 300 × 200 | — | |
| Telegram | Link-preview | 1200 × 630 | 1.91:1 | — | 5 MB |
| Rich Pin | 1200 × 630 | 1.91:1 | — | — | |
| Zoekresultaatsnippet | 1200 × 630 | 1.91:1 | 1200 breed | — |
Pro tip: 1200 × 630 pixels werkt op alle platforms. Als je maar één OG-afbeelding per pagina maakt, gebruik dan deze afmeting. Voor Twitter summary cards specifiek, voeg een aparte 800×800 vierkante afbeelding toe via twitter:image.
Wat is og:image? (Open Graph metatags)
og:image is een Open Graph metatag die sociale platforms vertelt welke afbeelding moet worden weergegeven wanneer iemand een link naar je pagina deelt. Zonder het zullen platforms proberen een afbeelding automatisch te detecteren — vaak de verkeerde kiezen, een klein logo gebruiken of helemaal niets weergeven.
Hoe Open Graph werkt
Facebook creëerde het Open Graph protocol in 2010. Wanneer een URL wordt gedeeld op sociale media, haalt de crawler van het platform de pagina op en leest <meta property="og:..."> tags uit de <head>. De og:image tag geeft de URL van de preview-afbeelding aan.
Tegenwoordig ondersteunen bijna alle platforms Open Graph: Facebook, Twitter/X (met terugval naar twitter:image), LinkedIn, Discord, Slack, WhatsApp, Telegram, iMessage, Pinterest en zelfs Google voor rijke zoekresultaten.
Essentiële og:image tags
| Tag | Purpose |
|---|---|
og:image | URL van de preview-afbeelding (vereist, moet absolute HTTPS-URL zijn) |
og:image:width | Afbeeldingsbreedte in pixels (versnelt rendering — platform hoeft de afbeelding niet eerst te downloaden) |
og:image:height | Afbeeldingshoogte in pixels |
og:image:type | MIME-type: image/jpeg, image/png of image/webp |
og:image:alt | Alternatieve tekst voor toegankelijkheid (schermlezer, afbeelding laadt niet) |
Waarom og:image belangrijk is voor CTR
Links met juiste preview-afbeeldingen krijgen 2–3× hogere clickthrough-rates op sociale media vergeleken met links zonder afbeeldingen. Een ontbrekende of verbroken OG-afbeelding doet gedeelde links onprofessioneel lijken en vermindert betrokkenheid. Google gebruikt og:image ook voor artikelsnippets in enkele zoekresultaten.
Hoe voeg je og:image toe aan je website
HTML metatags
Voeg deze tags toe in de <head> van je pagina:
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:alt" content="Description of the image">
<!-- Also include these for complete previews -->
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your page description">
<meta property="og:url" content="https://example.com/page">Twitter Card tags
Twitter gebruikt zijn eigen card-tags maar valt terug op og:image als twitter:image afwezig is:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/og-image.jpg">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Your page description">WordPress
SEO-plugins zoals Yoast, Rank Math en All in One SEO behandelen OG tags automatisch. Stel het veld “Social Image” of “Facebook Image” in in de post-editor. Upload een afbeelding van 1200×630 specifiek voor delen — vertrouw niet op de featured image, die een ander aspectratio kan hebben.
Next.js (App Router)
// app/page.tsx
export const metadata = {
openGraph: {
title: 'Your Page Title',
description: 'Your page description',
images: [{
url: 'https://example.com/og-image.jpg',
width: 1200,
height: 630,
alt: 'Description of the image',
}],
},
twitter: {
card: 'summary_large_image',
images: ['https://example.com/og-image.jpg'],
},
};Je OG-afbeelding verifiëren
Na het toevoegen van de metatags, test met deze platform-debuggers:
- Facebook: Sharing Debugger (developers.facebook.com/tools/debug/) — klik “Scrape Again” om cache te vernieuwen
- Twitter: Card Validator (cards-dev.twitter.com/validator)
- LinkedIn: Post Inspector (linkedin.com/post-inspector/)
- Algemeen: opengraph.xyz — test alle platforms tegelijk
Veelvoorkomende og:image problemen (en hoe deze op te lossen)
Afbeelding wordt niet weergegeven bij delen
Oorzaken: ontbrekende og:image metatag, afbeeldings-URL retourneert 404, afbeelding is te klein (onder 200×200) of je robots.txt blokkeert sociale media-crawlers. Oplossing: controleer of de afbeeldings-URL in een browser laadt, zorg ervoor dat het een absolute HTTPS-URL is en controleer of je server de user agent van het platform niet blokkeert.
Verkeerde afbeelding wordt weergegeven
Platforms cachen OG-afbeeldingen agressief (24+ uur). Na het bijwerken van je og:image, gebruik je debugger van het platform om opnieuw te schrapen. Voor Facebook, open de Sharing Debugger en klik “Scrape Again”. Je kunt ook een cache-busting parameter aan de URL toevoegen: ?v=2.
Afbeelding wordt slecht bijgesneden
Je afbeeldingsafmetingen komen niet overeen met de verwachte verhouding van het platform. Oplossing: wijzig formaat naar 1200×630 en houd belangrijke inhoud (tekst, logo's, gezichten) binnen de middelste 80% van de afbeelding. Verschillende platforms snijden aan de randen iets anders bij.
Afbeelding ziet er wazig uit
Bronafbeelding is te klein of zwaar gecomprimeerd. Gebruik minstens 1200 pixels breed. Voor retina-schermen, overweeg 2400×1260 (2x). Opslaan als JPG kwaliteit 80+ of gebruik PNG voor afbeeldingen met scherpe tekst.
Werkt op Facebook maar niet op Twitter
Twitter vereist dat de twitter:card metatag aanwezig is. Zonder het kan Twitter geen afbeelding weergeven, zelfs als og:image is ingesteld. Voeg <meta name="twitter:card" content="summary_large_image"> toe om grote afbeeldingskaarten in te schakelen.
og:image best practices checklist
og:image:width en og:image:height tags toe (versnelt rendering)og:image:alt toe voor toegankelijkheidVeelgestelde vragen
og:image:width en og:image:height metatags toe zodat platforms de preview sneller kunnen weergeven zonder eerst de volledige afbeelding te downloaden. og:image metatag ontbreekt, de afbeeldings-URL retourneert een 404, de afbeelding is kleiner dan 600×315 pixels of je robots.txt blokkeert de crawler van Facebook. Gebruik de Facebook Sharing Debugger (developers.facebook.com/tools/debug/) om het probleem op te sporen. Klik “Scrape Again” om Facebook je pagina opnieuw op te laten halen en de gecachete preview te wissen. og:image geen directe Google rankingfactor is, krijgen pagina's met juiste OG-afbeeldingen 2–3× hogere clickthrough-rates wanneer deze op sociale media worden gedeeld, wat meer traffic en engagement-signalen oplevert. Google gebruikt og:image ook voor artikel rich snippets in enkele zoekresultaten. <head> van je pagina: <meta property="og:image" content="https://yoursite.com/image.jpg">. Voeg ook og:image:width (1200) en og:image:height (630) toe voor snellere rendering. In WordPress, gebruik Yoast of het social image veld van Rank Math. In Next.js, gebruik de metadata export in je page component. OG Image Resizing-API
Voer og image resizing programmatisch uit via de REST-API — gratis, zonder registratie, JSON-responses.
curl -X POST https://cleverutils.com/api/v1/tools/og-image-resizer \
-F "file=@your-file"