Facebook Cover Images
Tuesday, May 8, 2018
Edit
Facebook Cover Images: ( Editor's note: If you're going to from 2015, enjoy this post! If you're going to today, please take a look at our totally upgraded Facebook Mobile Cover Photo Tips & Techniques with brand-new totally free downloads.).
Ever question why some Facebook cover photos look better compared to others on mobile? The answer is constantly an excellent developer (not that I'm prejudiced or anything), however I just recently uncovered a clever method to help much less of your hard work obtain removed when viewing from a smart phone-- as well as still look excellent on desktop computer.
Terrible as I am at remembering numbers, I'm always googling "FB cover photo dimension" (or seeing our quick-reference infographic), and the initial solution that constantly appears is 851 × 315, which is what the cover photo presents at on a desktop computer browser. If your only concern is desktop computer, this is a fine dimension to submit your cover picture. Sadly, we can not neglect the 798 million customers who access Facebook daily through their smart phones.
Before I located this trick, alternatives for maximizing a cover photo for both desktop computer & mobile were extremely limited: either make the prime focus very tiny to show appropriately on mobile, or make it look great on desktop computer and also give up the mobile experience.
Ugh.
OK, I'll reduce to the chase. Publish a photo that is 851 × 475. With cover images taller than desktop computer programs, two things happen:.
Desktop removes the top & bottom of the picture (luckily, it removes an equivalent quantity from both).
Mobile will certainly still cut off a few of the sides of the picture, but we have a dramatically larger viewable area.
Facebook Cover Images
This offers us a a lot more versatile canvas to collaborate with, and also a richer experience on both desktop as well as mobile. Anything within the "Safe Area" over will certainly show properly!