Prefill

Parsed right here. Nothing is fetched and nothing leaves the browser.

Templates

A template replaces the text and background. Images you added stay.

Output Sizes

Every platform crops slightly differently. Design once here and all three render from the same layout.

Layers

Top of the list is the front of the image. Use ∧ and ∨ to move a layer forward or back.

Selected Layer

Arrange

Align

Space

Nudge

Snap

Align moves the selected layer against the canvas. Space needs three or more visible layers. Nudge moves one pixel per click.

Background

From To Third

Angle °

What to Know

Also called an Open Graph image, an OG image, a Twitter card, a social share image or a link preview image. All the same 1200×630 picture.

Open Graph is the tag set that decides which picture a site shows for your link. Every platform reads it.
1200×630 is the size every platform accepts and scales down from.
Keep the headline inside the middle 90%. Slack and Discord crop the edges.
Under 1 MB. Some crawlers skip larger files and your card falls back to plain text.
Text has to survive a 300px-wide preview in a chat window.

Show Safe Area Drag a layer to move it.

mockstack.io

Your headline here

One short supporting line.

About the Social Share Image Maker

Composes the 1200×630 preview image that shows when your link is pasted into a chat or a feed, in your browser. Put a headline on a background, add a screenshot if you want one, and export the PNG.

Every Setting

Prefill

Paste your page’s title and description, or the head markup itself, and the canvas seeds with your real copy instead of placeholder text.

Templates

Working layouts to restyle; your text carries over when you switch.

Output Sizes

The 1200×630 standard every platform reads, plus companion sizes from the same design.

Layers

Text and image layers with per-layer font, size, color and outline. Drag to place, nudge by the pixel.

Arrange

Order, alignment and snapping, with undo and redo.

Background

Solid colors, curated gradients, or your own image.

Platform Previews

The result cropped the way each feed actually crops it, so the headline survives every variant.

Common Questions

How do I add it to my page?

Upload the PNG anywhere public and point the og:image meta tag at it. The snippet is in the panel.

Does text near the edges get cut off?

It can be. Feeds crop differently; keep headlines inside the safe area the previews show.