🖼️ Open Graph Image Builder
Design a 1200×630 social card with title, subtitle, gradient background, and logo. Export as PNG, or copy to clipboard.
Templates:
🎨 Custom gradient
✨ Pattern (decoration)
🖼️ Logo / icon (optional)
Drop PNG, SVG, or JPEG — or click
1200 × 630 px
About the OG Image Builder
Design a 1200×630 social-card image — the standard Open Graph and Twitter summary-large-image size — directly in your browser. Pick a gradient or solid background, type a title and subtitle, drop in a logo, and the canvas re-renders live. Export as PNG when you're happy.
How to use
- Start from a template (Minimal, Bold, Classic), or work from scratch.
- Edit the title and subtitle — the canvas auto-shrinks the title to fit the safe area if it gets too long.
- Pick a gradient tile, or switch to Solid for a flat color.
- Optionally drop in a logo (PNG, SVG, or JPEG) and pick a corner.
- Click Download PNG — save as
og-image.pngand reference it from your<meta property="og:image">tag.
Common use cases
- A custom card for a blog post, side project, or release announcement.
- A consistent OG image across every page of a small site (vary only the title).
- A throw-away card for a one-off campaign or share-the-news Slack thread.
- Iterating on cover art before committing time to a designed-from-scratch version.
Tips
- Keep titles under ~50 characters — the auto-shrink can only do so much before legibility suffers at thumbnail size.
- Drop-shadow helps the title pop on busy gradient backgrounds; switch it off for flat color cards.
- SVG logos render crisply at any size; PNG logos look best when their native size is ≥ the display size.
- After exporting, run the PNG through the image compressor — most OG PNGs shave 30–60% with no visible loss.