Skip to content
UXAtomSpeed
Hire an expert

Free SEO & social tool

OG Image Generator

Make a 1200 × 630 share image for Facebook, X, LinkedIn and Slack right in your browser, then download it as a PNG.

  • Free
  • No sign-up
  • Runs in your browser
Facebook preview

example.com

Make your website faster in a weekend

Ten simple fixes that cut load time in half, no developer needed.

1200 × 630 px · PNG

Design your image

Text

Logo (optional)

PNG with a transparent background works best. It stays on your device.

Layout

Template

Font

Background

Presets

Style

135°

Text color

6.7:1 contrast, white text. Easy to read

Add it to your page

Upload the PNG to your site, then paste these tags into the page’s <head>. Replace the URL with the image’s full https address.

Check your live tags
<head>
<meta property="og:image" content="https://example.com/images/og-make-your-website-faster-in-a-weekend.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="Make your website faster in a weekend">
<meta name="twitter:card" content="summary_large_image">

What it checks

  • The right size

    1200 × 630 pixels, the 1.91:1 shape every major social app uses.

  • Four layouts

    Classic, centered, split with your logo, and minimal with a big domain.

  • Text that fits

    Long titles shrink and wrap on their own, with an ellipsis only as a last resort.

  • Readable colors

    Solid, gradient or patterned backgrounds, with black or white text picked by contrast.

  • Live preview

    See it in a Facebook-style card as you type, with an optional safe-area guide.

  • Copy-ready tags

    The og:image, width, height and alt tags to paste into your page.

Questions

What size should an OG image be?

1200 × 630 pixels, a 1.91:1 ratio. Facebook, LinkedIn, X, Slack and WhatsApp all show this shape well. Keep the file small, ideally under 1 MB.

Is my logo uploaded anywhere?

No. Everything happens in your browser. Your logo and text never leave your device, and the PNG is made on your computer.

Why keep text inside the safe area?

Some apps crop the edges or show the image as a square thumbnail, so text near the edges can get cut off. The guide shows the padded area and the middle square that stay visible.

How do I add the image to my site?

Upload the PNG to your site, then add an og:image tag with its full https URL to the page’s <head>. Then run the Open Graph Checker to see what social apps get.

More free tools

All tools