OG & Social Image Maker

Create polished Open Graph and social sharing images directly in your browser.

Social image editor

1200 × 630 px

Open Graph · 1.9:1 · Editorial layout

Starter composition

Preview

Preview scales to fit. Export uses the full selected pixel dimensions.

Export

File format

Images stay in your browser. Nothing is uploaded or stored.

Composition Assistant

Checking…

Rule-based checks for fit, safe edges, text density and contrast, run in your browser. Suggestions only; it isn’t AI.

Output size

Platform preset

Practical export sizes for each platform. Platforms can still crop or scale how they show a preview.

Layout

Layout

Text set low with an accent rule, logo and brand across the top.

Content

The main line. Press Enter for a line break of your own.

A short category or series name above the headline.

TypographySystem UI · 64 px

Uses Segoe UI, San Francisco, Roboto or the device’s interface font, whichever this device has. Fonts come from the device, so nothing is downloaded and the export matches the preview.

64 px

64 px at 1200 × 630 px.

1.10
28 px
Alignment

ColorsGradient background
Background

135°

0° runs bottom to top, 90° left to right.

LogoNone

No logo yet. PNG, JPEG, WebP or SVG.

56 px

Maximum height at 1200 px wide; it scales with the image. Wide logos are limited by their width instead, so a logo never distorts.

Background imageNone

No background image yet. PNG, JPEG or WebP.

Sizes

Each preset exports at its exact pixel size:

  • Open Graph1200 × 630 px
  • X / Twitter1200 × 675 px
  • LinkedIn1200 × 627 px
  • Facebook1200 × 630 px
  • CustomAny whole size from 200 to 4096 px on each side

These are practical sizes for link previews, not guarantees: each platform decides how it crops and scales a preview, and that can change. The safe-area guide is one general margin for keeping text and logos away from the edges, not an official platform specification.

The Composition Assistant

The Assistant runs rule-based checks on the laid-out image: text that is cut off or overlapping, content near the edges, headlines and descriptions too dense to read at feed size, oversized or soft logos, and contrast. It isn’t AI, and it only reports what the layout and colors actually show.

Contrast is given as a ratio only where both colors are known, such as text on a solid color, a gradient or the card. Over a photo, the exact contrast depends on the photo, so the Assistant reports the minimum the overlay guarantees instead of a score. It’s a design aid, not an accessibility audit.

Your images stay on your device

Images stay in your browser. Nothing is uploaded or stored. Logos and background images are read and drawn by your browser, and the final PNG or JPEG is created by your browser too. Fonts come from your device, so nothing is downloaded while you work.

Layouts: Editorial, Split, Centered, Minimal, Card, Bold. Every layout uses the same text, colors and images, so you can switch between them freely.

Frequently asked questions

PNG or JPEG: which should I export?

PNG keeps type, logos and flat colors crisp, so it suits designs that are mostly text. JPEG usually makes a much smaller file when the design uses a photo, with slight softening around sharp edges. Platforms limit the file size of share images, so JPEG is the easier fit for large photographic designs.

How do I add the image to my page?

Upload the exported file to your site, then point the og:image and twitter:image meta tags at its full public URL, starting with https://. Meta & Social Preview writes those tags and previews the card before you publish.

Why does a shared link still show the old image?

Platforms cache link previews, so a new image doesn’t replace the old one straight away. Facebook’s Sharing Debugger and LinkedIn’s Post Inspector can fetch your page again. Publishing the new image under a new file name, instead of replacing the old file, stops a cached copy of the old image from being reused.