*OGImageTool*Gratis OG-afbeeldinggenerator
Maak gratis Open Graph-afbeeldingen en Twitter/X-headers met kant-en-klare sjablonen, live preview, aangepaste branding en export met één klik.
Previewgalerij
Bekijk wat je kunt maken





Veeg om te verkennen



Veeg om te verkennen
Probeer het nu
Waarom kiezen voor OGImageTool?
Alles wat je nodig hebt om binnen enkele seconden prachtige socialmedia-afbeeldingen te maken
Gratis en zonder registratie
Begin direct met het maken van professionele OG-afbeeldingen, zonder registratie of creditcard. Alle functies zijn volledig gratis beschikbaar.
Ondersteuning voor meerdere platforms
Genereer geoptimaliseerde afbeeldingen voor elk platform met de juiste afmetingen. Perfect voor Open Graph, Twitter/X-headers en meer.
Professionele sjablonen
Kies uit meerdere professioneel ontworpen sjablonen, waaronder Basic, Hero, Image Right, Notice en Logos.
Flexibele exportopties
Exporteer je ontwerpen als PNG, JPEG of WebP, met geoptimaliseerde bestandsgroottes en behoud van hoge kwaliteit.
Geavanceerde aanpassingen
Personaliseer elk detail met aangepaste achtergronden, patronen, kleurverlopen en merkkleuren. Upload je logo's en afbeeldingen.
Moderne designfuncties
Maak indrukwekkende visuals met hoogwaardige typografie, rasteroverlays en visuele effecten.
Directe preview
Bekijk je wijzigingen direct in real time met onze WYSIWYG-interface. Je ziet onmiddellijk hoe je ontwerp eruitziet.
Bliksemsnel
Genereer binnen enkele seconden professionele socialmedia-afbeeldingen met onze intuïtieve en geoptimaliseerde workflow.
How to Add Open Graph Image
Add social media preview images to your website in minutes. Choose your preferred method below (HTML or Next.js App Router).
1. Save the image
Save your generated OG image as og.png in your website's root directory.
2. Add to HTML head
<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />
<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />
<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />Make sure to replace yourdomain.com with your actual domain name.
Pro Tips
- Always provide fallback images in case the OG image fails to load
- Test your OG images using social media debugging tools
- Use descriptive alt text for better accessibility
- Consider using dynamic OG images for content that changes frequently