Facebook's cover photo displays differently on desktop and mobile — get the size right and keep key content centered so nothing important is cropped on either.
A Facebook cover photo that isn't sized correctly gets stretched or cropped unpredictably between desktop and mobile. Since mobile visitors see a noticeably different crop than desktop, designing with both in mind — and keeping key content centered — avoids losing your logo or text on smaller screens.
Open Squeezr and drop in your cover photo design.
Turn on Resize, unlock the aspect-ratio lock, and set width and height to 820 × 312.
Choose Crop mode if your source photo isn't already this ratio.
Keep any logo or text within the centered ~640×312 area so it survives the tighter mobile crop too.
Export as JPG at 85% quality and upload as your cover photo.
Skip the manual math — open Squeezr with this preset already dialed in.
Open Squeezr preset to 820×312 →Facebook's desktop layout has more horizontal space to show a wide, short banner, while its mobile app shows a taller, narrower crop of the same image to fit the screen better. Rather than requiring two separate uploads, Facebook just crops the same source image differently — which is why centering your key content matters more here than on most platforms.
Facebook historically compresses cover photos more aggressively above 100KB, which can introduce visible artifacts on photos with fine detail or gradients. After resizing, try the quality slider around 75–80% — it usually clears that threshold with no visible difference at cover-photo viewing size.