Google Plus Cover Photo & Profile Photo Template
I’ve been meaning to create a new template for the Google Plus cover photo ever since the redesign on November 14th.
Things are a bit simpler now that there is less variation in the way Google displays the cover photo. One of the good things about the new design is that you don’t have to scroll up to see the entire image.
Now, the main thing to take into account is the difference between the mobile and desktop display.
After taking many screenshots in my desktop browser, I found that I was getting very consistent results and that every screen size I tested showed that just a sliver of the cover photo gets hidden and the difference between 1920x1080px and 1280x800px was negligible.
In fact, for every screen size tested, I found that the cover photo only displayed in two different sizes. On my 1920×1080 monitor the cover photo was 920x518px. The cover photo on the next three screen sizes (1680×1050, 1280×1024, 1280×800) displayed at 620x349px.
That changed though once I saw a post from Hugh Briss at Social Identities. The template Hugh created had much more space on both sides of the cover photo that could be hidden on smaller displays compared to what I was noticing.
The messed up thing about trying to find a safe zone, where your logo/graphics show best on all devices and orientations, is that it’s not really possible to do and have a cover photo that makes sense.
Difference between Android and iOS Google Plus apps
Using my Photoshop template
Maybe I went overboard but I just love Smart Objects in Photoshop. In my template you will find Layer Groups for iPhone, Android and desktop.
Each group lets you simulate how your cover photo will look.
There is a smart object/layer for the cover photo and the profile picture. Double clicking on the thumbnail will open the associated PSD file where you can make edits and save the results to upload into your business page or personal profile.
Besides being able to edit your profile photo and cover photo, you can also customize the look of your profiles by editing the text layers for your name, bio, location and number of circles you’re in.
It’s something that comes in handy for me when I’m showing clients mockups of designs I’m working on. Hope they come in hand for you too.
Download The Free Template
Simply enter your email address and the download link will be sent directly to your Inbox (we can only send you the download link if you enter a valid email address).
Photoshop Presentation Template
Google+ Profile or Page on Android/iOS, Desktop and iPad
4444px by 2013px @ 72ppi
12.6″ by 5.7″ @ 350ppi