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. Most importantly, the image size.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. We have created a great Photoshop template so you can easily create your own cover photo. Make sure you leave space in your image design. Your profile picture actually overlaps your timeline cover photo in the bottom left.
Remember to leave a space where your profile picture will be. These dimensions are what Facebook actually displays the cover photo as, so uploading it in as the correct size prevents scaling and cropping. Make sure the image dimensions are 851px x 315px. Upload your image with the correct dimensions So how do we combat this you may ask? All you need to do is follow a few simple steps… 1. The background pattern has effectively disappeared and it generally looks unprofessional and nasty. And this below is what Facebook did to it.Īs you can see in the image above – there are signs of heavy compression around the text. See these examples below of a banner we have recently uploaded to the MailBigFile Facebook page.įirstly this is what we uploaded.
Unfortunately Facebook have also decided to use an utterly rubbish compression algorithm to resize your cover photo, making it look horrible and pixelated. Since Facebook unveiled the cover photo on your profile or page, user engagement has increased and people are being able to express themselves even more than before.
0 kommentar(er)
