Facebook Photo Covers
Facebook Photo Covers: ( Editor's note: If you're going to from 2015, appreciate this blog post! If you're seeing today, please look into our totally updated Facebook Mobile Cover Photo Tips & Tricks with brand-new cost-free downloads.).
Ever before question why some Facebook cover photos look better than others on mobile? The solution is always a terrific designer (not that I'm biased or anything), but I lately uncovered a clever method to assist much less of your effort get cut off when seeing from a mobile device-- and also still look excellent on desktop.
Awful as I go to remembering numbers, I'm always googling "FB cover image size" (or watching our quick-reference infographic), as well as the very first answer that constantly turns up is 851 × 315, which is what the cover image displays at on a desktop browser. If your only concern is desktop computer, this is a great size to publish your cover photo. However, we could not disregard the 798 million users who access Facebook daily via their mobile phones.
Prior to I found this method, options for optimizing a cover image for both desktop & mobile were very minimal: either make the prime focus really tiny to display effectively on mobile, or make it look excellent on desktop and also give up the mobile experience.
Ugh.
OK, I'll cut to the chase. Publish a picture that is 851 × 475. With cover pictures taller compared to desktop shows, 2 things take place:.
Desktop computer cuts off the leading & base of the image (the good news is, it removes an equal amount from both).
Mobile will certainly still remove several of the sides of the picture, but we have a considerably bigger viewable area.
Facebook Photo Covers
This provides us a much more flexible canvas to work with, as well as a richer experience on both desktop computer and mobile. Anything within the "Safe Area" above will certainly show effectively!