Safe Zone for Social Media Images: Stop the Crop
Keep your logo, headline, and any text inside a center region of about 1080×510 pixels on a 1200×630 card — roughly a 60-pixel margin on every side. Different apps crop the edges of a link preview by different amounts, so anything outside that safe zone can disappear. The band is your insurance against losing the part of the card that actually does the work.
What is the safe zone for a social card?
The safe zone is the area of a social image guaranteed to stay visible after every platform applies its own crop. The full canvas is 1200×630 pixels (a 1.91:1 ratio, the universal Open Graph image size), but the rendered preview rarely shows all of it. Leave roughly 60 pixels of margin on each side and confine everything that must be read — the headline, your brand mark, a key number — to the inner rectangle.
Why does the same image get cropped differently?
Because each platform renders previews at its own aspect ratio and trims the rest. One source image meets several different crops:
| Surface | Renders at | What gets trimmed |
|---|---|---|
| Facebook (feed) | 1200×630 (1.91:1) | Sides on some mobile layouts |
| X / Twitter (large card) | 1200×628 (1.91:1) | Edges, plus rounded corners |
| 1200×627 (1.91:1) | A few pixels off every edge | |
| Discord | 1200×630 (1.91:1) | Minimal, but corners are rounded |
| Slack (expanded) | 1200×600 (2:1) | Top and bottom bands |
| iMessage | 1200×1200 (1:1) | Left and right — a wide card loses its ends |
The 2:1 and 1:1 surfaces are the brutal ones. A Slack expanded preview is 1200×600, so the top and bottom 15 pixels of a 630-tall card fall away. iMessage favors a 1:1 square, which slices off both ends of a wide banner. If your headline runs to the edge, those surfaces eat it.
How big should the margin be?
About 5% of each dimension — 60 pixels horizontally and vertically on a 1200×630 card. That single rule absorbs edge cropping, corner rounding, and the slight inset some apps add around the image. You do not need a different margin per platform; the 5% band is wide enough to clear the worst case (the 2:1 Slack crop and the 1:1 iMessage crop) while still leaving plenty of room for a real headline.
This matters because the card is doing measurable work. A shared link with an image earns far more attention than a bare URL — and that advantage evaporates the moment the crop swallows your headline.
How do I build a card that respects the safe zone?
- Set the canvas to 1200×630. Start from the universal 1.91:1 size so the card is correct everywhere before cropping enters the picture.
- Draw a 60-pixel margin on all four sides. The inner ~1080×510 rectangle is your safe zone; add it as a guide layer.
- Place text and logo inside the safe zone. Headline, brand mark, and any reading content stay within the inner rectangle. The outer band is decorative — background texture, color, a bleed image — nothing load-bearing.
- Preview the crop before publishing. Run the card through a link-preview checker and confirm nothing important touches an edge on the surfaces you actually share to.
For platform-by-platform precision, LinkedIn's safe-zone technique walks through the tightest edge-trimming case. And remember the safe zone only protects content you control — if your og:image tag is wrong or relative, there is no card to crop at all.
The takeaway
Design the full 1200×630 canvas, but commit everything that must be read to the inner 1080×510 safe zone. That one habit means your headline and logo show up intact whether the link lands on a 1.91:1 Facebook feed, a 2:1 Slack message, or a 1:1 iMessage thread. Generating every post's card pre-fitted to that safe zone — branded, sized, and crop-proof — is exactly what Social Card Studio does automatically.
Frequently asked questions
What is the safe zone for a 1200×630 social card?
Keep your logo, headline, and any text inside the centre of the card with roughly a 60-pixel margin on every side. For a 1200×630 image that leaves a safe region of about 1080×510 pixels. Anything outside that band should be decorative only, because different apps crop the edges by different amounts.
Why does the same image look cropped on different platforms?
Each platform renders link previews at its own aspect ratio and trims the rest. Facebook trims the sides in some mobile layouts, LinkedIn shaves a few pixels off the edges, and a feed thumbnail may show a tighter square crop. One uncropped source image still gets clipped differently per surface, so edge content is never guaranteed to survive.
How much margin should I leave on a social image?
About 5% of the width and height on each side is a safe default — roughly 60 pixels for a 1200×630 card. That margin absorbs both edge cropping and the rounded corners some apps apply, keeping your text and logo fully visible everywhere.