100% Client-Side • Images never leave your device
Facebook Cover Photo Size Guide (2026)
Last verified: May 2026Exact dimensions, safe zone tips, and a free tool to resize your Facebook cover photo for desktop and mobile.
Resize your Facebook cover photo
Resize to 1640×624 for retinaCompress for fast uploadConvert to JPEG or PNGPreview safe zone fit100% free forever
or drop files — PNG, JPG, WebP
Facebook cover photo dimensions in 2026
The Facebook cover photo displays at 820 × 312 pixels on desktop and 640 × 360 pixels on mobile. These are different crops of the same image — Facebook does not let you upload separate images for each device.
For the sharpest result on high-DPI (retina) screens, upload at 1640 × 624 pixels — exactly double the desktop display size. Facebook will downscale it, but it stays crisp on modern monitors and phones.
Facebook accepts both JPEG and PNG. Use JPEG for photographic covers. Use PNG if your cover includes text, logos, or hard edges — JPEG compression blurs these.
For the sharpest result on high-DPI (retina) screens, upload at 1640 × 624 pixels — exactly double the desktop display size. Facebook will downscale it, but it stays crisp on modern monitors and phones.
Facebook accepts both JPEG and PNG. Use JPEG for photographic covers. Use PNG if your cover includes text, logos, or hard edges — JPEG compression blurs these.
The safe zone: what actually shows on mobile vs desktop
This is where most people get it wrong. Desktop and mobile crop your cover photo differently:
On desktop: the full 820 × 312 area is visible, but your profile picture overlaps the bottom-left corner. Keep important content away from that area — roughly the left 170 pixels and bottom 75 pixels.
On mobile: the sides get cropped. Only the center ~640 pixels of width are visible, but more height shows (360 px vs 312 px). The top and bottom extend slightly beyond the desktop crop.
The safe zone is the center area that is visible on both desktop and mobile. Place your key message, text, or call-to-action in the center-right area of the image. Never put critical content near any edge.
On desktop: the full 820 × 312 area is visible, but your profile picture overlaps the bottom-left corner. Keep important content away from that area — roughly the left 170 pixels and bottom 75 pixels.
On mobile: the sides get cropped. Only the center ~640 pixels of width are visible, but more height shows (360 px vs 312 px). The top and bottom extend slightly beyond the desktop crop.
The safe zone is the center area that is visible on both desktop and mobile. Place your key message, text, or call-to-action in the center-right area of the image. Never put critical content near any edge.
Cover photo design tips
Keep text minimal. Your cover photo is not a billboard. One short headline or tagline works. Paragraphs of text will be unreadable on mobile.
Test on both devices. After uploading, check your page on a phone. The mobile crop often cuts off text or important elements that looked fine on desktop.
Match your brand colors. The cover photo sits directly above your page content. Choose colors that complement your profile picture and page theme.
Update seasonally. Stale cover photos signal an inactive page. Update quarterly, or for campaigns, events, and product launches.
Test on both devices. After uploading, check your page on a phone. The mobile crop often cuts off text or important elements that looked fine on desktop.
Match your brand colors. The cover photo sits directly above your page content. Choose colors that complement your profile picture and page theme.
Update seasonally. Stale cover photos signal an inactive page. Update quarterly, or for campaigns, events, and product launches.
Common mistakes to avoid
Uploading at 820 × 312. This is the display size, not the upload size. It will look blurry on retina screens. Always upload at 1640 × 624.
Putting text on the left side. Your profile picture covers the bottom-left on desktop. Any text there will be hidden.
Ignoring mobile crop. Content at the far left and right edges is invisible on phones. Always design for the center safe zone first.
Using heavy files. Large files load slowly, especially on mobile networks. Compress your cover photo under 100 KB without visible quality loss.
Putting text on the left side. Your profile picture covers the bottom-left on desktop. Any text there will be hidden.
Ignoring mobile crop. Content at the far left and right edges is invisible on phones. Always design for the center safe zone first.
Using heavy files. Large files load slowly, especially on mobile networks. Compress your cover photo under 100 KB without visible quality loss.
2026 Facebook Cover Photo Specifications
Display size (desktop)820 × 312 px
Display size (mobile)640 × 360 px
Recommended upload1640 × 624 px (2x for retina)
Aspect ratioApprox. 2.63:1
File formatJPEG, PNG (PNG for text/logos)
Max file size100 KB for fast load (no hard limit)
On this page +
2026 Facebook Cover Photo Specifications
Display size (desktop)820 × 312 px
Display size (mobile)640 × 360 px
Recommended upload1640 × 624 px (2x for retina)
Aspect ratioApprox. 2.63:1
File formatJPEG, PNG (PNG for text/logos)
Max file size100 KB for fast load (no hard limit)
Related guides
FAQ
What size should a Facebook cover photo be?+
Upload at 1640×624 pixels for the best quality. It displays at 820×312 on desktop and 640×360 on mobile.
Why does my Facebook cover photo look blurry?+
You likely uploaded at 820×312 (the display size). Upload at 1640×624 — double the display size — for sharp results on retina screens.
What is the Facebook cover photo safe zone?+
The safe zone is the center-right area visible on both desktop and mobile. Avoid the left side (profile picture overlap) and edges (mobile crop).
Should I use JPEG or PNG for my Facebook cover?+
Use JPEG for photos. Use PNG if your cover contains text, logos, or graphics with sharp edges — JPEG compression blurs these.
Does the Facebook cover photo look different on mobile?+
Yes. Mobile shows a taller but narrower crop (640×360 vs 820×312). The sides are cut off and more top/bottom is visible.