OG image generator

Type a headline, pick colours and download a 1200 × 630 share image that reads at thumbnail size.

Colour presets
Layout
proof · 1200 × 630

Dashed square: what survives a square thumbnail. Dashed wide box: X's 2:1 frame.

Making an image people actually read

Most share images are seen at 300 to 500 pixels wide on a phone, roughly a third of their real size. A headline of six to ten words set large beats a paragraph. High contrast between text and background matters more than colour choice. If your headline is long, the generator steps the type size down so it stays within three lines.

Once uploaded to your site, reference it in og:image with the Open Graph generator, and check the crop rules in the OG image size guide.

Questions

What size image does the OG image generator make?

A 1200 × 630 pixel PNG, the size Meta recommends for link previews, which LinkedIn and X's large card also display well.

Is anything uploaded?

No. The image is drawn with the canvas in your browser, and a logo you add stays on your device. Download the PNG and host it on your own site.

How do I use the image once downloaded?

Upload it to your site, then point og:image and twitter:image at its absolute URL, for example https://example.com/og/pricing.png. The meta tag generator writes those tags for you.

Sources