Free Tool

Open Graph Image Generator

An Open Graph image generator creates the 1200 by 630 social preview card that appears when your website, launch page, docs, README, or profile link is shared.

Customize the copy, layout, and colors, then download a clean SVG or PNG without uploading your design.

Generator

Design your card

Layout
Colors

Preview

1200 x 630 social image

100/100 Ready

Social preview checklist

  • Title is 8-90 characters
  • Subtitle is 20-160 characters
  • Domain or brand line is present
  • Uses distinct accent colors

Turn AI coding activity into a shareable profile

Code Card turns Claude Code, Codex, and OpenClaw sessions into public developer stats with contribution graphs, badges, and profile cards.

Create your Code Card

Related Tools

Answer engine notes

Open Graph image basics

What is an Open Graph image generator?

An Open Graph image generator creates the 1200 by 630 preview image that appears when a link is shared on social platforms, chat apps, and link unfurlers.

What size should an Open Graph image be?

A 1200 by 630 pixel image is the standard size for Open Graph and large social preview cards because it fits the common 1.91:1 aspect ratio.

Can I use this image for Twitter or LinkedIn?

Yes. The generated image works well for Open Graph tags, Twitter summary large image cards, LinkedIn shares, Slack previews, and launch posts.

Does the tool upload my design?

No. The preview, SVG export, and PNG export run locally in your browser without uploading your text or image to Code Card.

What should I put on an OG image?

Use a clear title, a short supporting line, a brand or domain label, and enough contrast for the preview to stay readable at small sizes.