It means that Facebook isn’t squeezing or stretching your Facebook cover photo to fit – so your image will always look its best. So on mobile devices, the image’s top and bottom are expanded by about 75 pixels each. Let’s look at the mobile version again, but this time, I’ve grayed out the parts of the image that aren’t displayed on desktop: Sure, they look similar, but there’s a small difference – the image has been cropped on the desktop version. Now, here’s what it looks like in the Facebook mobile app: Take a look at Hershel’s Facebook cover photo on desktop: The problem isn’t pixel sizes but the shape. Remember, Facebook is viewed in landscape on desktop and portrait on mobile devices. So, how does Facebook help us solve this issue? Well, they don’t.įacebook isn’t trying to annoy us, they’re just taking into account the aspect ratios of different devices. You may have noticed a problem with Facebook cover images: We only get one Facebook cover photo, but it’s displayed differently on desktops and mobile devices.
Okay, still with me? The Big Problem with Facebook Cover Photos Now, if you’re the type of person who likes to get super technical, a Facebook cover photo will load fastest as an sRGB JPG file that’s 851 pixels wide, 315 pixels tall, and less than 100 kilobytes. Your Facebook cover image size must be at least 400 pixels wide and 150 pixels tall.įor best results, Facebook also recommends using a PNG file. What is the Facebook Cover Photo Size?įacebook cover photos (or “Facebook banners”) are displayed at 820 pixels wide by 312 pixels tall on desktops, and 640 pixels wide by 360 pixels tall on mobile devices. However, a well-optimized Facebook cover photo will entice viewers to follow you, explore your Page, interact with your brand, visit your website, and buy from your store. When someone visits your Facebook Page, your cover image is the first thing they see and takes up just about the entire screen.Ī bad Facebook cover image can have visitors tapping “Back” before they draw their next breath, never returning to your page again.
0 kommentar(er)
