Skip to content

OG image generator

Design a 1200×630 link preview card with templates, presets and the meta tags.

Runs in your browser

About OG image generator

Links without a preview image get ignored. Build a 1200 by 630 card with your title, a logo and a background, preview how it crops on each platform, and download a PNG to set as the og:image.

  • Keep text inside the safe area; some platforms crop the edges.
  • Big, short titles read best in small feed previews.
  • Use one consistent template across your site so previews feel branded.

How to use it

  1. 1Pick a template and type your title and description.
  2. 2Add a logo or background image and adjust colors and fonts.
  3. 3Download the PNG and reference it in your og:image tag.

Questions

What size should an OG image be?
1200 by 630 pixels is the standard that all major platforms accept.
Does it work for X and LinkedIn?
Yes. The same image serves Open Graph and Twitter card tags.
Is anything uploaded?
No. Everything runs in your browser, so your files never leave your device.

More developer tools

Favicon converterTurn any image into favicon ICO and PNG sizes.App icon generatorGenerate the full iOS and Android icon set from one image.OG image checkerPaste a URL and see its link preview, Open Graph tags and what to fix.Color palette extractorPull the dominant colors out of any image.Image color pickerClick any pixel and copy its color.SVG optimizerStrip editor junk and shrink SVG markup.Sprite sheet generatorPack icons into one sheet with matching CSS.Blurhash generatorCreate a tiny blurred placeholder for lazy loading.