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
Affiliate Commission Calculator
Calculate affiliate commissions across four program types — flat percent, tiered percent (progressive brackets), recurring (monthly × N months), and hybrid (initial + recurring). Apply refund-rate and tax-withholding adjustments, compute effective commission rate, compare two program types side-by-side, and project break-even sales to hit a target income. History (localStorage) + shareable URL. 100% client-side.
Affiliate Link Cloaker & Redirect Generator
Cloak affiliate links into pretty URLs and generate redirect scripts (PHP, JavaScript, HTML meta refresh), plus .htaccess, nginx, and robots.txt rules. CSV import of slug/affiliate_url pairs, slug auto-generator from hostname, click-tracking parameter builder, URL-shortener compatibility check, history (localStorage), shareable URL. 100% client-side.
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.