Have you ever noticed when you visit a Facebook company page on your phone vs on the computer the image looks slightly different? This is because the mobile version of the Facebook cover image and the desktop version are different sizes. If you’re not careful, you could have something that resembles this:
Don’t you want your online and desktop Facebook to look the same? Of course you do! All you need to know is the right dimensions. Your page’s cover photo displays at 820 pixels wide by 312 pixels tall on computers and 640 pixels wide by 360 pixels tall on smartphones (dimensions given by Facebook). This translates to two different shapes. Mobile is more square than desktop.
In order for the viewer to see a great cover image on both desktop and mobile, we have to keep the ratio of the mobile, but enlarge it to the desktop width (820 px). When we do this, the image size becomes 820 x 461 px. Remember, however, that the desktop height is only 312, so we have to keep all important parts of the image within those parameters.
Now, your image will show up correctly on both desktop and mobile.
Another common culprit of the logo crop is the profile picture on Facebook. Since Facebook uses a circle, a lot of times people don’t think about how that will translate to a logo or photo. The profile photo is 170 x 170 px. Make sure to have your logo fit within those proportions or you could have something like this:
A small adjustment can fix this allowing your full logo to show up in the circle.
Don’t know what the heck we are talking about? No worries, we can help with that! Contact us today and we can design you all the social media photos you need.