Your SlideShare is downloading. ×
  • Like
  • Save
Facebook Cover and Profile Photo Template for Desktop AND Mobile App
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Facebook Cover and Profile Photo Template for Desktop AND Mobile App

  • 2,468 views
Published

500 Social Media Marketing Tips, the #1 Amazon Bestseller: …

500 Social Media Marketing Tips, the #1 Amazon Bestseller:
Amazon US: http://www.amazon.com/dp/B007L50HE6
Amazon UK: http://www.amazon.co.uk/dp/B007L50HE6
Paperback: Paperback: http://amzn.com/1482014092

Buy How to Measure Social Media ROI:
Amazon US: http://amzn.com/B00A7XJADS
Amazon UK: http://www.amazon.co.uk/dp/B00A7XJADS

Follow Me / Hire Me:
http://www.facebook.com/500socialmedi...
https://pinterest.com/500socialmedia/
http://www.twitter.com/500socialmedia/
http://uk.linkedin.com/in/andrewmacarthy
http://www.andrewmacarthy.com

Facebook Cover and Profile Photo Template for Desktop AND Mobile App

Published in Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,468
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. andrewmacart hy.comhttp://andrewmacarthy.com/andrew-macarthy-social-media/facebook-cover-photo-template-for-desktop-and-mobile-appFacebook Cover and Profile Photo Template forDesktop AND Mobile AppNot so long ago, I published a blog post containing a free template to help you designa really great-looking profile and cover photo for your desktop-viewed FacebookPage. The thing is, the way your Page design displays on desktops is not the sameas on mobiles...And as the latest figures show that of the 1.11 billion monthly active Facebook users,751 million of them access the site via their mobile devices, thats a huge andever-increasing group of people you should take into consideration. The key, then, isto optimise your cover photo design for viewing on desktop and mobiledevices.A Comparison of Facebook desktop and mobile cover photos
  • 2. As you can see in the image above, there is a distinct difference between thedesktop and mobile (iPhone app) view of the profile and cover photos of a FacebookPage. On the mobile app:The profile photo takes centre stage, relegating the cover to the backgroundThe profile photo spans almost the whole height of the cover photo, and overa quarter of its width from the left-hand edge.The cover photo is obscured by the Page name and category, as well as a darkgradient overlay that begins from the left-hand edge.To see the cover photo in full and read its description, a mobile viewer musttap on it.How to optimise your Facebook profile and cover photos fordesktop and mobileWith so many people accessing Facebook Pages on mobile, it is more important thanever to cater to their needs and encourage them to engage with your content - and anoptimised cover and profile photo can go a long way to make that happen.
  • 3. And now you know how the mobile view affects the appearance of the profile andcover photo, you can work within these parameters. In the example above, PaneraBread has not taken mobile users into account, so their "For a short time, itsstrawberry time" slogan is lost on what is probably hundreds of thousands ofcustomers.My Facebook cover and profile photo template for desktopand mobile users
  • 4. Here it is, my template to help you create a Facebook profile and cover photo that isoptimised for both desktop and mobile views:The orange box represents the space covered by the desktop profile photo.The blue box represents the space covered b the mobile profile photo.The dark green box represents the general area covered by your Pages nameand category on the mobile view.The gradient emerging from the left represents the same gradient seen onmobile devicesThe light green area represents the space where your design will beunobstructedExamples of Facebook profile and cover photos optimised fordesktop and mobile
  • 5. Taking both desktop and mobile views into consideration means that quite a lot of thecover photos space is obstructed, but that does not mean you cant still have agreat design, as long as you are creative. In the above example, Bed Bath &Beyonds cover and profile photo looks great on mobile, and its "Lets do brunch"slogan is unobstructed by any of the elements on the page.
  • 6. And heres my new cover and profile photo for mobile viewers. Using the template, Ihave made sure that my free ebook call to action is visible, and that nothing cruciallyimportant is behind where the huge square profile photo sits.I think one of the most important points to make is that even though much of yourcover photo is covered up - fully or partially - that doesnt mean that it still cant bevisually appealing.Download the template
  • 7. The template is hosted over at minus.com. Click the link below to visit the downloadpage, hover your mouse over the image and click the download icon that appears tograb it.Download link: http://min.us/l15Ew50uNtrnJ Link not working? Contact me or tweet@500socialmedia and Ill upload a new one!Simply work around the template layers to add your design, save it as a .png file andupload it via the desktop Facebook site. Check how it looks on mobile, then tweakand re-upload if necessary.