Social Card Image Generator
Create Open Graph and social share card images. 6 styles, custom accent colors, platform previews, and 1200x630 PNG download.
OG Image Preview (1200 x 630)
Platform Previews
Site Name
Your Page Title Here
example.com
Your Page Title Here
A compelling description that makes people want to click through and learn more about your content.
Your Page Title Here
Your Page Title Here
A compelling description that makes people want to click through and learn more about your content.
example.com
Site Name
Your Page Title Here
Your Page Title Here
example.com
How to Use This Tool
- Enter your content — add the title, description, site name, and URL.
- Choose a style — pick from 6 themes: Light, Gradient, Dark, Minimal, Ocean, or Sunset.
- Customize accent — optionally override the accent color to match your brand.
- Preview across platforms — scroll down to see how the card will look on Facebook, Twitter/X, and LinkedIn.
- Download — get a 1200x630 PNG ready for use as your og:image.
Why Use Social Card Images
When someone shares your URL on Facebook, Twitter, LinkedIn, or Slack, the platform looks for an og:image tag. If one exists, it displays a rich visual card instead of a plain text link.
Pages with custom social images get 2-3x more clicks than pages without them. This tool lets you create those images in seconds.
OG Image Specifications
1200 x 630 (1.91:1)
Recommended minimum. Larger works too.
Twitter/X
1200 x 628 (~1.91:1)
summary_large_image card type.
1200 x 627 (1.91:1)
Uses og:image when available.
Slack / Discord
Any og:image (Flexible)
Picks up og:image automatically.
Common Use Cases
- Blog posts — create branded share images for every article.
- Landing pages — ensure promotional pages look polished when shared.
- Product launches — create eye-catching cards for product announcements.
- Documentation — make technical docs more clickable on social platforms.
- Consistency — maintain a cohesive visual identity across all shared links.
Frequently Asked Questions
What size are the images?▾
1200x630 pixels — the universal standard recommended by Facebook, Twitter/X, LinkedIn, Slack, and Discord.
Is this free and private?▾
Yes. Images are generated in your browser using the Canvas API. Nothing is uploaded to any server.
How do I use the downloaded image?▾
Upload the PNG to your website and add this tag to your HTML: <meta property="og:image" content="https://yoursite.com/your-image.png" />
Can I add custom images or logos?▾
The current version focuses on clean text-based cards with 6 style presets and custom accent colors. For custom images and logos, use Figma or Canva.
Why do the platform previews look different?▾
Each platform displays share cards differently — different aspect ratios, cropping, and text truncation. The previews approximate how each platform will render your card.
Can I change the accent color?▾
Yes! Use the custom accent color picker to override the default accent for any style. This affects the top bar, site name, and URL text.
Powered by HumanCalculations — free online calculators