Social Image Generator

The Social Image Generator designs Open Graph share cards on a live 1200 × 630 canvas, the exact dimensions that Facebook, LinkedIn, and X crop and display in link previews. Type a title and an optional subtitle, pick one of six curated gradients — Sunset, Ocean, Forest, Berry, Charcoal, or Amber — or switch to a solid color, then tune the text color. The renderer draws a subtle vignette overlay, wraps long titles across multiple lines, and automatically shrinks the headline from 84px down to a readable minimum so nothing overflows the frame. A "Fernandes Labs" brand mark sits in the bottom-right corner by default. Export happens with one click to a social-image.png file, and the tool also emits a matching CSS background snippet you can paste into a stylesheet. Because everything renders locally on a canvas, this free OG image generator keeps draft campaigns private. For developers and marketers who would rather not open Photoshop to ship a shareable link preview, the tool collapses the design loop into minutes — write, preview, export, and paste the og:image meta tag.

1. 1

   Enter your headline in the "Title" field and optional supporting text in "Subtitle".

2. 2

   Choose a preset in the "Background" dropdown, or select "Solid color" and pick a custom fill.

3. 3

   Set the "Text color" with the color picker or the hex input next to it.

4. 4

   Review the live 1200 × 630 canvas preview; long titles wrap and shrink automatically.

5. 5

   Click "Download PNG" to save social-image.png, and copy the CSS snippet if you need a matching background.

• Creating an og:image for a blog post so shared links render with a branded card.
• Designing consistent X and LinkedIn share images for a product launch series.
• Producing a fallback card for pages that currently lack any social preview image.
• Making announcement cards for a Discord community or newsletter archive.
• A/B testing gradient versus solid backgrounds for higher click-through on shares.
• Generating quick placeholder cards while a designer prepares final artwork.

• Keep titles under 12 words so the auto-fit keeps the font near its largest size.
• Verify white text against lighter gradients — Charcoal and solid dark fills are safest.
• Match the gradient to your brand palette rather than picking purely by preference.
• Leave the subtitle empty for bold, single-message announcements.
• Preview at small sizes too, since social feeds show cards at roughly 600px wide.

• Change any field and the preview redraws instantly — no apply button needed.
• The vignette darkens the bottom edge, so short cards still feel balanced.
• Use the same gradient name across a series for instant visual consistency.
• Test your headline in both the preview and the downloaded PNG to confirm font loading.