Last week We recorded a podcast discussing the latest updates the big social networks have made and how to take advantage of this by driving more people to your landing pages. During the research, we viewed each social network on an iPad, iPhone, Android phone, and tablet to see how the various social networks would reformat on different devices. During this review, we noticed that much of the Google+ cover image is cut off. We were concerned because it cut off the marketing message and call to action.

If you perform a search for Google+ cover image, you’ll notice that the recommended image size is 2120 pixels wide by 1192 pixels high for the best resolution. Below you will see what our Google+ profile looks like with that image size.

Cover Image 2120 x 1192

The problem is that 75% of the cover image is lost on mobile devices! This means that your customers can’t see your main and call to action. To enable you to see what Google+ looks like on different devices, we have taken the image above and overlaid an orange screen to show you where the image is cut off by each device. You can also click on any image to see it full size.

Google+ on a Desktop Using a Chrome Browser

Customers may look for your company in a search and arrive at your Google+ home page. Whether they are logged into Google or not, the top of the image is cropped. Specifically,  390 pixels are lost from the top of the image. Below is a screen capture of the image when you are not logged into Google+.

Google+ desktop, not logged in

The same thing happens when you are logged into Google+ and arrive on a company page. To reveal the whole image you have to scroll up with your mouse and I would bet most people don’t know that!

First logged in to Google +

Google+ App on an iPad

An iPad in vertical view crops quite aggressively left and right. You lose 452 pixels left and right, as well as 257 pixels top and bottom. Turn the iPad to horizontal view and a lot more of your image is shown.

iPad vertical

Google+ App on an iPhone

The iPhone has a very similar crop to the iPad. However, the round logo is a lot larger. Note that the iPhone only works in a vertical format. 436 pixels is lost left and right, while 198 pixels is lost top and bottom.

iPhone

Google+ App on an HTC Android Phone

For the Android phone (apologies for the image resolution as it was on a HTC 1X) the logo is square with rounded corners and on the right. Note how it does show the whole image.

Android phone

Google+ App on an Android Tablet Nexus 7

On an Android Tablet, you’ll notice that it’s very similar to the android phone, showing the complete image with a smaller logo.

Android tablet

What You Are Left With

So, lets break this down. Below is the original image with all the layers overlaid in orange. We started with an image that was 2120 pixels wide by 1192 pixels high. As you can see, there is a lot of real estate that’s lost. To make the most out of your image, so your message and imagery are seen, let’s take a look at what you are left with in terms of viewable area. Your actual viewable area is 1218 pixels wide x 543 pixels high on the left and 439 pixels high on the right. This means that over 75% of the image is lost!

Main-Image-2120x1192-orange

Image Template

To get the most out of Google+, we recommend testing your message in different devices. To help assist you with the design, please download this transparent template that you can use to overlay and get the most out of your Google+ cover image.

goole+ transparent image

We’d love to hear your thoughts, please leave a comment below.