Facebook Safe Zone Visualizer
Upload your image to visualize Facebook safe zones across posts, covers, stories, ads, reels, and profile pictures. See exactly what gets cropped and make sure your content stays visible.
Free & instant
No sign-up
7 placements
100% private
See what gets cropped
What Are Facebook Safe Zones?
A Facebook safe zone is the area of your image that remains fully visible after Facebook crops it for a specific placement. Every placement on Facebook — posts, cover photos, stories, ads, reels, and profile pictures — uses a different aspect ratio, which means Facebook crops your image differently for each one.
When you upload a landscape photo as a story, Facebook has to crop the sides heavily to fit the 9:16 vertical frame. When you use the same image as a feed post, it crops to 1.91:1, cutting the top and bottom instead. The safe zone is the region where your content survives all of this cropping.
Understanding safe zones is critical for anyone who designs images for Facebook. Without checking, you risk having logos cut off, text hidden behind UI elements, and calls-to-action invisible on certain devices. This tool shows you exactly where those boundaries are for every placement.
How to Use the Safe Zone Visualizer
- Upload your image — select any image file (JPG, PNG, or WebP) to load it into the visualizer.
- Select a placement — tap Post, Cover Desktop, Cover Mobile, Story, Reel Grid, Profile, or Ad to see how Facebook crops your image for that format.
- Read the overlay — the green area is the safe zone (always visible), the red overlay marks what gets cropped, and the dashed line shows the exact crop boundary.
- Check the stats — review original dimensions, crop dimensions, percentage of image visible, and a description of what gets cut.
- Switch placements — tap different placements to compare how the same image looks across posts, stories, cover photos, and more. Adjust your design if critical content falls outside the safe zone.
Why Facebook Safe Zones Matter
Facebook serves your images across dozens of surfaces: desktop feed, mobile feed, stories, reels, marketplace, ads manager, and more. Each surface crops your image to a different aspect ratio. Here is why this matters for your content:
- Text gets cut off: Headlines, captions, or calls-to-action placed near edges are the first thing to disappear when Facebook crops your image for a different placement
- Logos become invisible: A logo in the corner of your image may be completely cropped out on mobile or in story view, breaking your brand presence
- Faces get cropped: Portrait photos where the subject is off-center risk having the face partially or fully cut from the visible area
- Ad performance drops: If your ad creative loses its key visual or CTA to cropping, click-through rates suffer because viewers cannot see the full message
- Repurposing fails: An image designed for feed posts will not work as a story or reel without checking whether the safe zone accommodates the content
Checking the safe zone before publishing takes seconds and prevents all of these problems. Designers and marketers who check safe zones consistently produce content that looks professional across every Facebook surface.
Facebook Safe Zone Specs by Placement
Each Facebook placement crops your image to a specific aspect ratio. Here are the exact specs for every major placement:
| Placement |
Aspect Ratio |
Recommended Size |
What Gets Cropped |
| Feed Post | 1.91:1 | 1200×628 px | Top & bottom from tall images |
| Cover Desktop | 820:312 | 820×312 px | Top & bottom from tall images |
| Cover Mobile | 640:360 | 640×360 px | Sides from wide images |
| Story | 9:16 | 1080×1920 px | Sides heavily cropped from landscape |
| Reel Grid | 3:4 | 1080×1440 px | Sides from wide, top/bottom from tall |
| Profile Picture | 1:1 circle | 320×320 px | Corners (circular mask) |
| Ad Image | 1.91:1 | 1200×628 px | Top & bottom; CTA button overlaps bottom |
When repurposing a single image across multiple placements, design for the most restrictive safe zone first (typically profile or story), then verify it works in the wider placements.
Common Safe Zone Mistakes
Designing only for desktop feed
Most designers preview their image in the desktop feed ratio and assume it looks the same everywhere. Mobile feed, stories, and reel grid all crop differently. Always check at least the placements where your image will appear.
Forgetting the circular profile crop
Profile pictures use a circular mask that hides corners. Preview the circle crop with the profile picture preview before uploading.
Ignoring story safe zones for repurposed content
Landscape images lose massive content when repurposed as stories. Use the story size preview to check the 9:16 crop, or create separate versions for each placement.
Not accounting for UI overlays on ads
Facebook ads display a call-to-action button, headline text, and other UI elements near the bottom of the image. Placing your own CTA or important visual near the bottom edge creates a cluttered, unprofessional look.
Tips for Safe Zone Design
- Center your most important content — text, logos, faces, and CTAs should sit in the middle of your image where every placement preserves them
- Add a 10% margin from all edges as a universal buffer zone, regardless of the specific placement
- Design for mobile first — over 98% of Facebook users browse on phones, so the mobile crop is what most people see
- Use this visualizer to check every placement before publishing, especially when repurposing images across formats
- Create separate versions for placements with dramatically different ratios (such as feed vs. story) rather than forcing one image to work everywhere
- For ads, keep your CTA and key message in the top two-thirds of the image to avoid overlap with Facebook's built-in UI elements
- Use high-contrast text with sufficient padding so it remains readable even if slight cropping occurs at smaller screen sizes
- Test your design at small sizes — Facebook thumbnails in the feed can be quite small on mobile, so fine details and thin text may be invisible
- Use the free editor to resize, crop, or reposition your image, or the image crop tool for preset Facebook ratios
Frequently Asked Questions
What is a Facebook safe zone?▼
A Facebook safe zone is the region of your image that remains fully visible after Facebook crops it for a specific placement. Content outside the safe zone may be partially or fully hidden depending on the device and placement type. For example, a cover photo has a different safe zone on desktop versus mobile because Facebook crops to different aspect ratios on each device.
Does Facebook crop images differently on each device?▼
Yes. Facebook displays images at different aspect ratios depending on the device. Cover photos show as 820×312 on desktop but 640×360 on mobile. Feed posts may display differently on phones versus tablets versus desktop browsers. This means content visible on one device can be completely hidden on another, which is why checking the safe zone for each placement matters.
How do I keep text and logos visible on Facebook?▼
Place all important text, logos, and calls-to-action within the safe zone of your chosen placement. Avoid placing critical content near the edges of your image. Use this safe zone visualizer to upload your image and see exactly where the crop boundaries fall for posts, cover photos, stories, ads, and reels before publishing.
Which Facebook placement crops the most?▼
Do Facebook ads have different safe zones than organic posts?▼
Facebook ads and organic feed posts both use a 1.91:1 aspect ratio for the main image, so the crop behavior is similar. However, ads have additional considerations: Facebook overlays a call-to-action button at the bottom, headline text appears below the image, and the 20% text rule (now a guideline) means images with heavy text may get reduced reach. Keep critical content centered and away from the bottom edge where UI elements appear.