How to Use SVG for Open Graph Images
Design sharp social share images with SVG, then export to the raster format OG tags need.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Why OG Images Need Raster Export
Open Graph (og:image) requires a raster PNG or JPG at roughly 1200x630 — SVG isn't supported by most platforms' link preview crawlers. Design the layout in SVG for crisp text and logos, then export.
- og:image must be PNG/JPG, not SVG
- Design crisp text and logos in SVG first
- Export at 1200x630 for best preview rendering
Dynamic OG Image Generation
Many sites generate OG images per-page at build or request time. Use an SVG template with variable text, then convert it to PNG server-side for each unique page.
- Template OG layouts as SVG with variable text
- Convert to PNG server-side per page
- Cache generated images to avoid repeat work
Frequently Asked Questions
Can I set og:image to an SVG file directly?
Not reliably — most social platforms' crawlers don't render SVG for previews, so always export to PNG or JPG for og:image.
Why design Open Graph images as SVG first?
SVG keeps logos and text crisp during design and makes templating dynamic per-page images easier before the final raster export.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG