Why Does Facebook Crop My Open Graph Image?

Facebook crops your Open Graph image because it automatically resizes and repositions shared images to fit its preferred display formats — the 1.91:1 ratio for link shares and the 4:5 ratio for mobile news feed posts. This means even a technically valid 1200×630 image can appear zoomed-in, off-center, or missing important content if the focal point isn’t positioned correctly. The cropping is not a bug; it’s a deliberate design choice to make feeds look uniform, but you can control it by choosing the right dimensions and using safe zones.

What Is an Open Graph Image?

An Open Graph (OG) image is the thumbnail that appears when a link is shared on Facebook, LinkedIn, WhatsApp, and other social platforms. It’s specified in the <meta property="og:image"> tag of your webpage’s HTML. When someone pastes your URL into a chat or post, Facebook’s crawler fetches this tag and uses the image as the visual preview.

Facebook’s official recommendation is 1200×630 pixels, which is a 1.91:1 aspect ratio. This size ensures the image displays clearly on both desktop and mobile. However, even if you follow this exactly, Facebook may still crop it — because the platform also has a separate mobile display format that is taller (4:5) and a square format for some placements.

How Facebook Decides What to Crop

When you share a link, Facebook’s system analyzes the image and automatically selects a “center of interest” — usually the center of the image unless it detects a face or a prominent object. It then crops the image to fit the container:

Desktop link share: 1.91:1 ratio (landscape rectangle)
Mobile news feed: 4:5 ratio (taller rectangle)
Square posts: 1:1 ratio (rarely used for link shares)

If your image is already 1.91:1, the desktop share will look perfect. But on mobile, Facebook will crop the left and right sides to make it taller, which can cut off text or faces near the edges. Conversely, if you upload a square image, Facebook will crop the top and bottom for desktop, potentially cutting off your headline.

How to Choose an Image That Crops Well

To minimize unwanted cropping, follow these guidelines:

Use the recommended 1200×630 size — this is the safest baseline for desktop.
Keep important content within the center 400×400 area — this is the “safe zone” that remains visible in all crop formats.
Place text and logos in the center — avoid putting critical elements near the left or right edges.
Test your image — use Facebook’s Sharing Debugger (developers.facebook.com/tools/debug/) to see how your image will appear in different placements.
Consider using a 4:5 image (e.g., 1080×1350) if your audience is primarily mobile, but note that desktop will crop it.

Remember: you cannot control how Facebook crops an image once it’s uploaded — you can only design the image to be crop-friendly.

Common Problems and Misconceptions

“My image is 1200×630, why is it still cropped?” Because Facebook also crops for mobile. The 1200×630 size only guarantees the desktop preview; the mobile feed will always crop to a taller ratio. This is a common surprise for marketers who only test on desktop.

“Facebook is zooming in on my image — how do I stop it?” You can’t stop it, but you can prevent important content from being cut by keeping it in the center. Facebook’s algorithm may also detect a face and zoom in on it, so if you have a face near the edge, it will likely be cropped.

“Why does my image look blurry?” Facebook compresses images to save bandwidth. Using a high-resolution image (at least 1200px wide) reduces visible compression artifacts. Avoid upscaling small images.

How to Preview and Test Your Image

Facebook provides a free tool to see exactly how your link will appear when shared:

Go to developers.facebook.com/tools/debug/.
Enter your URL and click Debug.
Click Show existing scrape information to see the current OG tags.
Use the Scrape Again button after updating your tags to refresh the preview.

This tool shows the desktop preview, but not the mobile crop. To test mobile, share the link in a private Facebook post or use a mobile browser’s inspect tool to simulate a phone viewport.

Alternatives to Avoid Cropping

If you absolutely need to control the entire image, consider these alternatives:

Use a video thumbnail — videos have different display rules and often show a larger preview.
Upload the image directly — instead of sharing a link, upload the image as a photo post. You can then control the aspect ratio (e.g., 4:5) and it won’t be cropped by the link preview system.
Use a custom OG image for mobile — Facebook doesn’t support separate images for mobile vs. desktop, so this isn’t possible with standard OG tags. However, you can use a 4:5 image and accept that desktop will crop it.

Frequently Asked Questions

Why does Facebook crop my image even when I use the exact recommended size?

Because Facebook uses different aspect ratios for different placements. The 1200×630 size is only for desktop link shares. On mobile, the feed uses a 4:5 ratio, so Facebook crops the sides. This is intentional to make the feed look uniform.

Can I disable Facebook’s cropping?

No, there is no setting to disable cropping. Facebook’s algorithm always crops to fit the container. Your only control is designing the image so that the crop doesn’t remove important content.

What is the best image size for Facebook link shares in 2024?

1200×630 pixels is still the official recommendation. It provides the best balance between quality and compatibility. If you want to optimize for mobile, use a 4:5 image (1080×1350), but know that desktop will crop it.

Why does my image look different when shared in a comment vs. a post?

Comments often use a smaller thumbnail size and may crop more aggressively. The same image can appear larger in a status update and smaller in a comment, but the aspect ratio rules remain the same.

How do I make text not get cut off?

Keep all text and important visual elements within the central 400×400 pixel area of a 1200×630 image. This safe zone is visible in all crop formats. Also, use a font size large enough to remain readable when the image is scaled down.

General steps for current mainstream versions; menus can differ by device and version. See the disclaimer or report an error.

More in this bed

The whole Tech How-To bed →