![]() How to Upload your Facebook Page Cover Photo If you don’t like the mismatched gradient sides, you need to use an image with the same color on both left and right upper corners. You can see a couple examples below to help inform your cover photo creation: And if the image is different on either side, then so is the gradient. Here’s how it works: Facebook is pulling a color from the top outer edges of your header image. Or it can look weird if your cover photo is actually – a photo! Or has different color blocks on either side. The gradient can add a nice splash of color when you have a solid background that reflects your brand colors. ![]() New Facebook Page Cover Photo GradientĪ fairly new addition to Facebook cover photos is a gradient (or ombré) color bar to the left and right of the cover photo on desktop. If you’re struggling with how it looks, read on. There’s only a tiny bit of overlap, so this won’t mess up your banner design (unlike on mobile).Ģ | The gradient bar at the sides. The biggest visual differences on desktop are:ġ | The positioning of the profile picture below the banner image. 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. The cropping on the desktop version is especially severe in the New Pages Experience. The iPad also has a huge DP overlay but in a different spot.Īnd the tablet cover photo is cropped on the sides, whereas the desktop version crops top and bottom! The profile picture is now covering a huge portion of the cover photo! The mobile version is still a delightfully simple 16×9 proportion. What’s New About Facebook Page Cover Photos?Īll FB Pages now have the “New Facebook Page Experience.” There are more social media templates listed on my Resources Page. If your design program doesn’t have layers, just use the templates for size and visual reference. Delete or hide template layer from your image file when your design is done. Add your photo and any design elements you desire.ĥ. Add guidelines to match template, or reduce opacity and use template as a translucent layer for guidance.Ĥ. Change Image > Mode to RGB (the template is an indexed color PNG).ģ. Open the template in your graphic design tool.Ģ. If you use Photoshop, or another graphics editing program that has layers, you’ll be able to design with ease.ġ. Instructions for using my social media templates Just right click the image below to download, and choose “Save Image As…” Don’t place important details where they’ll be covered. ![]() Now check the template, and pay attention to the profile picture overlap on phones and tablets. Open in any graphics app, or your phone’s photo app. But you can start with any photo on your phone that’s at least 400 pixels wide. I recommend 1200 x 674 pixels for optimal quality. Your FB Page Cover Photo will no longer have elements rudely chopped off or covered up with this template. This article will explain how to create Facebook Business Page cover photos that are sized properly for mobile devices as well as desktop. Nor as wide as displayed on virtually any device used in 2024. This doesn’t take into account the different proportions on various devices.Īnd the sizes they’ve named aren’t even 16:9 aspect ratio! Loads fastest as an sRGB JPG file that’s 851 pixels wide, 315 pixels tall and less than 100 kilobytes. Must be at least 400 pixels wide and 150 pixels tall. Left aligns with a full bleed and a 16:9 aspect ratio. I’ve tested this size and created a free cover photo template, so you can design around the profile picture overlays and cropping on desktop.īecause Facebook’s size recommendations are far from helpful! The optimal Facebook business page cover photo size is 1200 x 674 pixels. Smart! Optimizing your Facebook content for mobile is non-negotiable, since most FB users will only see it there.īut you can have it both ways: Here’s a Facebook Page Cover Photo mobile template that shows the 3 different croppings for phones, tablets, and computers. Want it to look good on both desktop AND mobile? Got the right Facebook Page Cover Photo size?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |