A Quick guide to all new changes to Facebook Page Timeline and what it means for design

1. Page Timeline Guide

2. Introduction
Facebook has made dramatic changes to their Business Page platform that
will be mandatory March 30th, 2012. This slide deck is a simple guide of what
assets are required and how page changes impact your business.

3. Timeline Glossary of Assets
Primary Assets Secondary Assets
• Timeline Photo – Top Photo on • Timeline Images
Page – Dimensions: 400w x 400h pixels
– Dimensions - 850w x 315h pixels – Copy Description
• Highlights
• Profile Image – (Also Used as – Images: 843w x 403h pixels
Thumbnail) – Video: 843x x 474h pixels
– Dimensions - 180w x 180h pixels • Milestones
– Dimensions - 843w x 403h pixels
• Application (tab) Images – Title of Milestone
– Dimensions - 111w x 74h pixels – Date of Occurrence
– “Story” Behind Milestone
• Application Icons • Application Canvas
– Dimensions – 16w x 16h pixels – Dimensions – 810w x 2000h pixels
– No designated “Landing Tab”

4. First!
1. DO NOT CONVERT YOUR PAGE TO PREVIEW MODE!
– Bonfire will convert your page for you.
2. IF YOU DO CONVERT YOUR PAGE TO PREVIEW, DO NOT
PUBLISH YOUR PAGE
– Your page formatting will be incorrect. Let Bonfire do this for you.
NO!
NO!

5. Part 1
PRIMARY ASSETS

6. Cover Photo
Cover photos are a visual representation of your company. The image takes
up a sizable amount of real estate so much care should be taken. There is a
lot of creativity that can be applied to a Cover Photo. Here are a few
examples:
• http://agbeat.com/real-estate-technology-new-media/40-brands-using-
timeline-cover-photos-on-facebook-pages/
• COVER PHOTOS CANNOT HAVE:
– Price or purchase information, such as "40% off" or "Download it at our website"
– Contact information, such as web address, email, mailing address or other information intended for your Page's About section
– References to user interface elements, such as Like or Share, or any other Facebook site features
– Calls to action, such as "Get it now" or "Tell your friends"
850w Pixels
315h Pixels

7. Profile Image
Profile images should clearly represent your brand. Small text or complex
images are not recommended as the image will show up as a very small
thumbnail (32w x 32h pixels) in the News Feed. Extra points for Cover Photo
incorporation.
• http://mashable.com/2012/02/29/facebook-timeline-pages-cover-
photos/#5145710-Kate-Spade
• http://mashable.com/2012/02/29/facebook-timeline-pages-cover-
photos/#5145316-Ford
180w Pixels
180h Pixels

8. Application Image & Application Icon
Application Photos are something brand new with Facebook. A page can
feature 3 applications (otherwise known as Tabs), but can have 12 total on a
page. In addition to the new Application photos, there are also icons for the
applications that are displayed. There are no restrictions to calls to action, but
because the images are so small, they have their limitations. The photos
application is non-movable and the image on the photos application is the
most recently uploaded photo. All other applications can be shifted in the
order of your desire.
111w Pixels
Application Image
74h Pixels
Application Icon
16 x 16 Pixels

9. Part 2
SECONDARY ASSETS

10. Timeline Images – Single Image
By default, images are displayed on the Page Timeline as 400w x 400h Pixels
maximum. That means smaller images will be expanded and larger images
will be compressed. Images can also be expanded as a Timeline Highlight.
Highlights expand photos to 843w x 403h pixels. We will elaborate on this
feature on the next slide. For optimal display, uploading large images at 843w
x 403h pixels with a square focal point to the image is best. Position of the
focal point can be adjusted once the image is uploaded. 400w Pixels
400H Pixels

11. Timeline Images – Image Album
For standard Timeline images in an album, the featured image is still 400w x 400h
pixels. Again, that means smaller images will be expanded and larger images will be
compressed. Images can also be expanded as a Timeline Highlight. Highlights expand
photos to 843w x 403h pixels. We will elaborate on this feature on the next slide. In
addition to the featured image, 3 additional images are displayed underneath the
featured images at 130w x 130h pixels. These sub images are displayed in the order
the album was uploaded, oldest to newest. The order cannot be adjusted once the
album has been created. The featured image can be adjusted and interchanged at any
time, but the sub images cannot be adjusted (set to center focal point) or
interchanged so it is important the album is created in proper order.
Featured
Image
Sub
Images

12. Highlights
Highlights are completely new to Facebook Pages. Highlights can be any form of content a page
wants featured within the Timeline. Once enabled, Highlights are expanded to fill the entire
Timeline widthwise. Video links from YouTube, Vimeo or any other video sharing network are
automatically expanded, so it is important to use HD wherever possible. Photo albums are shown
much like standard Timeline images, except now there are 7 sub photo images displayed in order
of oldest to newest upload. Once again, these images are not adjustable in anyway.
Album Measurements
Video Measurements Image Measurements
843w x 474h pixels 843w x 403h pixels 843w x 403h pixels (image)
130w x 130h pixels (sub image)

13. Milestones
Milestones signify recognizable events for pages. Milestones are can be accompanied by a
Highlight image (843w x 403h pixels) and usually have descriptive copy around the event.
Milestones can be anything, but a page should make it interesting and fun for the user. If a page is
uploading several milestones after Timeline is in the “live” format, consider checking the box that
will hide it from the News Feed to avoid spamming your audience with a very high frequency.
Another option is to strategically separating when milestones are added and integrate them with
a content calendar.
Title of Milestone
Location of Milestone
Date of Milestone
Description of Milestone
Image of Milestone

14. Application Canvas
The previous format restricted Applications or “Tabs” to 520w x 2000h pixels. Facebook has now
expanded the canvas to a much larger 810w x 2000h pixels size. Applications can still be iframed
and widgets can be added, but creating much larger imagery will be much more advantageous for
your brand. The one drawback to the new format is pages cannot designate which tab a “non-
liker” lands on for the page. By default, all visitors land on the Timeline. This cannot be changed.
The Application canvas size still has lots of bugs, so if you want to still create graphics in 520w, the
application will be centered on the page.
810w Pixels
2000h Pixels

15. Summary
There are many changes Facebook introduced
and all are required by March 30th 2012. It is
important to begin developing necessary assets
and be prepared to convert the page to
Timeline. If you have any questions, please
contact your Bonfire representative. We are
here to assist in any way possible.