Open Graph Image Generator
Generate Open Graph images as SVG (1200×630). Title, subtitle, background color, text color, font size, logo URL, template selector (gradient / solid / pattern), text positioning, SVG download, preview, history, shareable URL. 100% client-side.
About Open Graph Image Generator
Generate Open Graph images as SVG (1200×630). Title, subtitle, background color, text color, font size, logo URL, template selector (gradient / solid / pattern), text positioning, SVG download, preview, history, shareable URL. 100% client-side. Everything runs locally in your browser — your data never leaves your device.
How to use
- Enter your input in the tool above.
- Adjust any options to your preference.
- Use the Copy or Download buttons to save the result.
- Everything happens locally — your data never leaves your browser.
FAQ
What size is an Open Graph image?
The recommended OG image size is 1200×630 pixels (1.91:1 ratio). Facebook, LinkedIn, Twitter, and Slack all use this size for link previews. This tool generates SVG at exactly 1200×630, which you can convert to PNG/JPG if needed.
Why SVG instead of PNG?
SVG is vector — perfectly sharp at any size, tiny file size, and editable in any text editor. Many platforms now accept SVG. For platforms that require raster formats, convert the SVG to PNG using any browser or a free tool.
Which templates are available?
Three templates: Solid (single background color), Gradient (two-stop linear gradient), and Pattern (background color plus a subtle dot grid overlay). Each supports a custom title, subtitle, text color, font size, and optional logo URL.
What extra features does this tool have compared to others?
(1) Title input. (2) Subtitle input. (3) Background color picker. (4) Text color picker. (5) Font size slider. (6) Logo URL input (embedded as image). (7) Template selector (solid / gradient / pattern). (8) Text positioning (left/center/right). (9) SVG download. (10) Live preview. (11) History (localStorage, last 20). (12) Shareable URL.
Is my data sent anywhere?
No. SVG generation runs locally. History is stored in localStorage on this device only.
Related tools
Anchor Text Distribution Analyzer
Analyze anchor text distribution from backlink data. Categorize anchors as exact/partial match, branded, generic, naked URL, or image. Compute distribution %, warn on over-optimization, and export. 100% client-side.
Backlink Gap Analyzer
Find backlinks your competitors have but you don't. Multi-competitor support (up to 3), gap detection, opportunity scoring, shared backlinks, top opportunities sorted by DA, export CSV, history (localStorage), shareable URL. 100% client-side.
Backlink Profile Analyzer
Analyze imported backlink data (CSV/JSON). Total backlinks, unique domains, anchor distribution, dofollow/nofollow ratio, link-type distribution, top referring domains, top anchor texts, toxic link flagging (low DA), CSV/JSON import, report export, history, shareable URL. 100% client-side.