Facebook Cover Photo

Creating a Facebook Cover photo for your business to show off your brand seems simple enough. You pick a pic, upload it, and tada…wait.  Why doesn’t it look right?  Well, with one photo being used by numerous devices, it is clear that there is more at work than meets the eye.

According to Facebook, the cover photo “displays at 820 pixels wide by 312 pixels tall on your Page on computers and 640 pixels wide by 360 pixels tall on smartphones.” So what does this mean? It means that your image that is perfect for a desktop will be too wide for mobile, and your image that is perfect for mobile will be too tall for a desktop. As a result, one must create an image that is the larger of the two sizes as their base, but then ensure that a good safe zone created, meaning that all graphics or text you don’t want potentially cut off on the screens of other devices, goes inside the safe zone.

As shown in the diagram above, the largest width is the desktop size at 820px, and the largest height is the mobile size at 360px. That means that the image you create will lose 48px on height when viewed on a desktop, yet will lose 180px in width when viewed on mobile. Creating an image that essentially kills two birds with one stone is difficult but can be done, ensuring that non-essential graphics are in the “bleed-area” of the graphic that can be cut when resizing from desktop to mobile or vice-versa. Sound like a lot of work?  Not for us!  If you need help fixing your Facebook header cover photo, the Elixir Creative team is only a call or text away…