Facebook Safe Zones Explained — Avoid Cropped Text & Images

Every time you upload an image to Facebook, it gets cropped differently depending on where it appears. A cover photo shows one area on desktop and a different area on mobile. A Reel cover crops to a vertical rectangle in fullscreen but a smaller square in the grid. A story overlays UI elements on top and bottom that hide part of your image.

The safe zone is the inner area of your image that stays visible across all these crops and overlays. If your text, logo, or key visual falls outside the safe zone, it gets cut off — and there's no way to fix it after uploading. This guide covers how safe zones work for every major Facebook placement and how to design around them.

What Are Facebook Safe Zones?

A safe zone is the area of an image guaranteed to remain visible after Facebook crops, resizes, or overlays UI elements on it. Anything inside the safe zone will be seen by every viewer on every device. Anything outside it is at risk of being hidden.

Facebook doesn't display your images at their original dimensions. Instead, it resizes them to fit specific aspect ratios and viewport sizes, then layers interface elements (profile icons, action buttons, text overlays) on top. The result is that significant portions of your image — especially edges and corners — can be partially or fully hidden.

• Cover photos are cropped differently on desktop vs. mobile, with up to 30% of the sides hidden on mobile.
• Stories and Reels overlay profile info at the top and action buttons at the bottom, covering roughly 250px on each end.
• Profile pictures are cropped from a square to a circle, cutting the corners entirely.
• Ad images have CTA buttons, headlines, and "Sponsored" labels layered over the image edges.

The safe zone is different for every placement. Designing without checking it means you're guessing — and guessing leads to cut-off text, hidden logos, and lost context.

How Facebook Crops Images by Placement

Facebook uses center-based cropping for most placements. It takes the center of your image and crops outward to fit the target aspect ratio. But the target ratio varies by placement and device, which is why the same image can look completely different in a post vs. a cover vs. a story.

Use the Facebook image size checker to verify your dimensions match the placement, and the Facebook image crop tool to adjust your aspect ratio before uploading.

Safe Zone Differences Across Placements

Cover Photos have the most complex safe zone. Desktop displays 820×312 pixels, but mobile displays a taller, narrower crop at roughly 640×360. The overlap — the area visible on both — is a centered horizontal band about 70% of the total image width. Text or logos placed near the left or right edges will be visible on desktop but hidden on mobile. Use the cover photo size tool to preview both crops.

Stories and Reels display fullscreen at 9:16, but Facebook overlays your profile picture, username, and caption at the top, and reaction/share/comment buttons at the bottom. These overlays cover roughly 15% of the image on each end. Keep all important content — especially text — in the middle 60-70% of the vertical space. Preview with the story preview tool or Reels thumbnail preview.

Profile Pictures are uploaded as squares but displayed as circles everywhere on Facebook. The circular crop cuts roughly 22% of the image area (the corners). Faces, logos, and text must fit inside the inscribed circle. Check yours with the profile picture preview tool.

Ad Creatives have tighter safe zones than organic posts because Facebook layers a CTA button, headline, and "Sponsored" label over the image. The bottom 15-20% of ad images is frequently covered. Always preview ad layouts with the ad image preview tool before launching campaigns.

Feed Posts are the most forgiving. Facebook crops to 1.91:1 from the center, and there's minimal UI overlay. Keep content in the center 90% and you're safe. Verify with the post preview tool.

Common Safe Zone Mistakes

• Placing text at the very edge of a cover photo — it looks fine on desktop but gets cropped on mobile. Always check both views with the cover photo tool.
• Putting a logo in the corner of a story — Facebook's UI overlay hides corner content on stories and Reels. Move logos to the center third of the image.
• Using the same image for every placement — a 1200×630 post image will be severely cropped if used as a story or Reel cover. Each placement needs its own version or at minimum a safe zone check.
• Ignoring the circular profile picture crop — text or important details in corners get cut when the square is clipped to a circle.
• Forgetting ad overlays — CTA buttons, headlines, and the "Sponsored" label all sit on top of ad images. If your key message is at the bottom of the image, it's hidden behind the CTA.
• Not testing on mobile — over 98% of Facebook users browse on mobile. Desktop preview alone is not enough. Always check the mobile crop.

How to Design With Safe Zones in Mind

Designing for safe zones doesn't mean limiting your creativity. It means being intentional about where you place the elements that matter most.

• Start with the safe zone, not the full canvas — place your headline, logo, and key subject inside the safe area first. Use the outer edges for background elements that can be cropped without losing meaning.
• Add 10% padding from every edge — as a baseline rule, don't place anything important within the outer 10% of any image. For covers and ads, increase this to 15-20%.
• Center your subject vertically and horizontally — Facebook crops from the center outward. A centered subject survives every crop.
• Use separate assets for different placements — don't stretch a post image into a story or a cover into a profile picture. Create placement-specific versions with safe zones built in.
• Test before publishing — use the safe zone visualizer to see exactly what stays visible. A 5-second check prevents a broken first impression.

For text overlays specifically, use the text overlay checker to make sure your text coverage is reasonable and that text isn't positioned where it will be cropped or obscured.

Tools to Check Your Safe Zones

ThumbCrafted offers free tools to check safe zones and preview cropping for every major Facebook placement:

Facebook Safe Zones FAQ

More Facebook Image Tools