The Dual-Device Challenge of Facebook Banners
Facebook displays cover photos differently on desktop computers (820 x 312 pixels) compared to smartphones (640 x 360 pixels). If you design solely for desktop, mobile browsers will chop off the sides of your banner.
The Safe Zone Strategy (820 x 360 Pixels)
To ensure your Facebook banner looks perfect on both mobile and desktop, create an image that is 820 pixels wide by 360 pixels tall. Place all essential text and logos inside the central 640 x 312 pixel area.
Optimizing Facebook Banner Files
Facebook compresses uploaded graphics heavily. To maintain crispness, resize your banner to exact dimensions with our JPG resizer and crop unnecessary outer margins with our free image cropper.