Adjust cover photo desktop for free#
Adjust cover photo desktop how to#

Designing with “safe zones” will get you a Facebook cover photo that looks great on all devices!įacebook doesn’t stretch and distort your image to fit different devices – it crops it automatically instead. I agree – it’s tricky to design your Facebook cover photo to display properly on both mobile and desktop.

Adjust cover photo desktop for free#

Create a Facebook cover photo for free NOW! ĭisclosure: IF you upgrade to a paid plan, I may receive a referral fee.

Or, import your own custom fonts to keep your branding intact.

Or, upload your own photos into Snappa.

40,000+ photos and 3,500+ graphics – royalty-free and licensed for commercial use.

Snappa has integrated Facebook’s cover photo dimensions and safe zones into their graphic design tool, so it’ll look perfect on both phones and computers. If you don’t want to mess with Photoshop and templates, make your FB header the easy way – with Snappa! If you’re struggling with how it looks, I’ll explain more about it at the end of the article. There’s only a tiny bit of overlap, so this won’t mess up you banner design.Ģ | The gradient bar at the sides. The biggest visual changes on desktop are:ġ | The repositioning of the profile picture from left of the banner image, to below it. More details on sizing when you get to my template further down this article.

The purple dotted line shows the 16×9 cover photo on mobile while the green dotted line shows how it crops on desktop: Here’s how the mobile to desktop crop plays out now, in New Facebook. I find it’s been cropped down to only 303 pixels tall at that 820 width. Whereas Facebook is still telling us:ĭisplays at 820 pixels wide by 312 pixels tall on your Page on computers source The cropping on the desktop version has become a bit more severe in New Facebook. So that’s good! Facebook Page cover photo on desktop It’s still a delightfully simple 16×9 proportion.Īnd the Page cover photo is also clean and clear of overlays on tablet, with the exact same cropping shown on phones. The mobile version stayed the same, per my iPhone display. Not a lot has changed for the Page cover photo dimensions.

Adjust cover photo desktop how to#

This article will explain how to do that for Facebook Business Page cover photos ONLY.įor other cover photos, click the links for details and free templates:įacebook Event Cover Photo size What’s New in “New Facebook” Page Cover Photos? What we need to do is design one cover photo that works for both places. Well that would be great if we could actually upload a separate image for mobile and desktop. Your Page’s cover photo displays at 820 pixels wide by 312 pixels tall on your Page on computers and 640 pixels wide by 360 pixels tall on smartphones. However, Facebook doesn’t help us much when they tell us:

FB is trying to accommodate these completely different displays. This isn’t because Facebook is trying to confuse designers! It’s because a browser window is wide. mobile.Ĭover photos have a wider aspect ratio on desktop. sourceįacebook has 4 different kinds of cover photos, each with a different shape on desktop vs.

In 2020, 98 percent of active user accounts worldwide accessed Facebook via mobile devices. sourceģ | Virtually all users will see your Page on mobile at some point. 79% of Facebook users ONLY access the site by mobile (up from 51.7% in January 2016). See screenshot above.Ģ | Almost 4/5 of users will never see your Page on desktop. How silly!ġ | Facebook users who visit your Page on desktop only see a sliver of your cover photo unless they scroll up. Facebook cover photo as seen on first view of your page on desktop.