Facebook Cover Photo Pixels
Facebook Cover Photo Pixels: ( Editor's note: If you're visiting from 2015, appreciate this article! If you're going to today, please have a look at our fully updated Facebook Mobile Cover Photo Tips & Techniques with brand-new free downloads.).
Ever question why some Facebook cover pictures look much better than others on mobile? The response is always an excellent designer (not that I'm prejudiced or anything), however I recently uncovered a nifty trick to help much less of your hard work obtain cut off when viewing from a smart phone-- and also still look fantastic on desktop.
Horrible as I am at remembering numbers, I'm constantly googling "FB cover image size" (or viewing our quick-reference infographic), as well as the very first solution that constantly pops up is 851 × 315, which is just what the cover image shows at on a desktop internet browser. If your only concern is desktop computer, this is a great dimension to submit your cover picture. However, we can not overlook the 798 million users that access Facebook daily through their cellphones.
Prior to I discovered this technique, alternatives for enhancing a cover photo for both desktop computer & mobile were really minimal: either make the centerpiece extremely little to display effectively on mobile, or make it look great on desktop and give up the mobile experience.
Ugh.
OK, I'll cut to the chase. Post an image that is 851 × 475. With cover pictures taller compared to desktop computer shows, 2 things occur:.
Desktop computer removes the leading & bottom of the image (luckily, it cuts off an equivalent amount from both).
Mobile will still cut off a few of the sides of the photo, but we have a dramatically bigger viewable area.
Facebook Cover Photo Pixels
This provides us a far more adaptable canvas to collaborate with, and a richer experience on both desktop computer and mobile. Anything within the "Safe Location" over will certainly present appropriately!