Cover Photos Facebook: ( Editor's note: If you're checking out from 2015, appreciate this post! If you're visiting today, please take a look at our fully upgraded Facebook Mobile Cover Image Tips & Techniques with brand-new free downloads.).
Ever question why some Facebook cover photos look far better compared to others on mobile? The response is always an excellent designer (not that I'm biased or anything), but I just recently found a great technique in order to help much less of your effort obtain cut off when seeing from a smart phone-- as well as still look terrific on desktop.
Awful as I go to remembering numbers, I'm always googling "FB cover image dimension" (or watching our quick-reference infographic), and the initial response that always turns up is 851 × 315, which is exactly what the cover photo shows at on a desktop internet browser. If your only problem is desktop computer, this is a great dimension to publish your cover image. Regrettably, we can not overlook the 798 million individuals who access Facebook daily with their mobile phones.
Before I discovered this method, options for optimizing a cover photo for both desktop computer & mobile were really limited: either make the centerpiece very tiny to display appropriately on mobile, or make it look excellent on desktop and give up the mobile experience.
OK, I'll reduce to the chase. Submit a photo that is 851 × 475. With cover pictures taller compared to desktop shows, 2 things happen:.
Desktop computer cuts off the leading & bottom of the image (thankfully, it removes an equivalent quantity from both).
Mobile will still remove some of the sides of the image, but we have a considerably larger viewable area.
Cover Photos Facebook
This offers us a a lot more versatile canvas to work with, as well as a richer experience on both desktop as well as mobile. Anything within the "Safe Area" over will show properly!