Facebook Cover Photo Size in 2026: Exact Dimensions + How to Preview Before You Post

If you have ever uploaded a Facebook cover photo that looked perfect on your laptop and broken on your phone, you are not alone. Facebook crops cover images differently on desktop and mobile, compresses files on upload, and places your profile picture over part of the banner. That is why people search for Facebook cover photo size, Facebook banner size, and Facebook cover preview so often—and why getting the dimensions right is only half the job.

This guide gives you the exact sizes to use in 2026, the safe zone that stays visible on every device, and a simple preview workflow so you can publish with confidence.

Facebook cover photo size (2026)

Use these practical specs when you design or export a cover for a personal profile or Page:

• Recommended upload size: 1640 × 924 pixels (16:9 master file)
• Desktop display: about 820 × 312 pixels
• Mobile display: about 640 × 360 pixels
• Widely used Meta-style export: 851 × 315 pixels (sRGB JPG)
• File tip: JPG for photos, PNG for covers with sharp text or logos

Meta’s help documentation has long recommended roughly 851 × 315 for Page covers, while many designers now export a larger 16:9 master (around 1640 × 924) so the image stays sharper on high-DPI screens. Either approach works if you design for the safe zone below. Always double-check the latest guidance in the official Facebook cover photo dimensions help article.

Why desktop and mobile never match perfectly

Facebook does not show one universal crop. On desktop, the banner is wide and relatively short. On mobile, the frame is taller relative to its width, so the sides get trimmed. Your circular profile photo also overlaps the bottom-left area of the cover—especially on mobile—so logos, faces, or CTAs placed there often disappear.

That mismatch is why a static size chart is not enough. You need to see the same file as a full Facebook profile mockup before you hit publish. If your profile photo already looks soft after upload, pair this guide with our tips on fixing blurry Facebook pictures.

The safe zone: where text and logos should live

Treat the center of the image as your “always visible” area. Keep headlines, product shots, and brand marks away from:

• The far left and right edges (mobile side crop)
• The bottom-left corner (profile picture overlap)
• Very thin top or bottom strips that get clipped on some layouts

A practical rule: design on a wide canvas, then lock critical content into the middle ~70% horizontally and the middle band vertically. If a word or logo only works on the edge, redesign it—Facebook will crop that edge on someone’s phone.

How to create a cover that still looks sharp after upload

1. Start large. Export at 1640 × 924 or at least 851 × 315. Tiny source files get blurry fast.
2. Use sRGB color. Off-profile color spaces can shift after Facebook processes the file.
3. Avoid double compression. Do not screenshot a cover from another post and re-upload it.
4. Mind contrast. Covers sit behind UI chrome and a profile photo. Light text on a busy photo is a common fail.
5. Match the rest of the profile. Your cover should support—not fight—your profile picture and bio. For a full cleanup order, see Facebook profile refresh: what to update first.

Preview your Facebook cover before you post

Dimensions tell you what to export. Previewing tells you whether the export actually works. Before you replace a live cover:

• Upload the candidate image into a profile mockup tool
• Check desktop, tablet, and mobile frames
• Confirm the profile picture does not cover your logo or headline
• Compare two or three versions if you are testing a campaign banner

Social Previewing lets you drop in a cover and profile photo and immediately see how the pair looks across Facebook and other platforms—no guessing and no temporary live uploads for clients to approve.

If you are also refreshing the circular avatar, use the dedicated Facebook profile picture preview tool and our walkthrough on Facebook profile picture previews.

Beyond Facebook: keep multi-platform covers consistent

Marketers rarely update Facebook alone. LinkedIn banners and X/Twitter headers use different ratios. Once your Facebook cover is locked, reuse the same concept with platform-specific safe zones rather than stretching one file everywhere. For broader sizing context, see the complete guide to social media image sizes in 2026 and our playbook on cover photos that convert on Facebook, LinkedIn, and X.

For official platform references, Meta’s help center remains the source of truth for Facebook Pages. Design teams often also cross-check current multi-channel size roundups such as Sprout Social’s social media image size guide when planning campaigns.

Quick checklist before you publish

• Exported at 1640 × 924 (or 851 × 315 minimum)
• Key text and logo inside the center safe zone
• No important detail under the profile photo overlap
• Previewed on desktop and mobile mockups
• File is sharp, high-contrast, and not re-compressed from a screenshot
• Cover supports the same story as your profile picture and bio

Nail the Facebook cover photo size, protect the safe zone, and always run a Facebook cover preview before you go live. That combination is how brands and freelancers stop shipping banners that only look good on one screen—and start shipping covers that look intentional everywhere Facebook shows them.