Social media &
Facebook Cheat Sheet: Sizes and Dimensions
Filed under: Facebook, Social Media, Tools, Top10
Updated: September 28, 2012
What is the size of the profile picture in Facebook? How wide is page of your brand? Here are all the numbers you need and you can even download a handy PDF Facebook cheat sheet.
Due to the recent release of Facebook timeline for brand pages, some new sizes have been added and old ones modified. We’ve added them here. The cheat sheet pdf and jpg will also be updated ASAP.
Big picture for timeline
This is the big picture (also known as cover photo) for Facebook’s timeline.
Width: 851px
Height: 315px
Application icons for timeline view
These are the icons that are displayed on a fan page that has Facebook timeline enabled. If your picture exceeds these limits, your icon will be resized and converted.
Width: 111px
Height: 74px
Maximum file size: 5MB
Facebook application favicon size
This is the tiny icon that is being displayed on the left hand side of your news feed, where the applications that you use are.
Width: 16px
Height: 16px
Facebook milestone picture size
This is the size you use for milestone pictures such as company’s foundation date. This is also the size for starred (highlighted) posts. The image in the post will be scaled down accordingly, if it exceeds the limits.
Width: 843 pixels
Height: 403 pixels
Profile picture for timeline pages
Recently updated sizes for timeline. The new width and height are 180 px which will be automatically scaled down to following:
Width: 32px
Height: 32px
It’s extremely important to choose a picture that can be scaled down as the profile pictures that are displayed on timeline posts are really small. Best practice is to choose your logo.
Thumbnail
The image that is displayed next to the link when you click like or share somenthing.
Width: 90px
Height: 90px
Facebook App Center Cover
The cover image for the app center, but it is partly covered by the app center icon image.
Width: 800px
Height: 150px
Facebook App Center icon
This is the icon that covers the app center. Attention: This partly covers your App Center cover image.
Width: 125px
Height: 125px
Facebook App Center Web Banner
This is the image that goes to the left of your screenshots in Facebook App Center.
Width: 155px
Height: 100px
Facebook App Center 3 Screenshots
These are the screenshots in Facebook App Center.
Width: 320px between 2048px
Height: 320px between 2048px
Facebook Offers
Headline text: 90 characters
Terms and conditions text: 900 characters
Offer image size: 90 x 90 px
Facebook page
The usable area of your brands Facebook page
Width: 779px (Update: The CSS of Facebook has some errors, so we’re not actually sure what the final width will be. We suspect it will be 810 px)
Height: Unlimited
Uploaded images
This is the maximum size of the image you can upload.
Width: 2048px
Height: 2048px
Pinned post picture size
This is the size of the picture of your pinned post. Will not be scaled down so that smaller dimension matches 403 pixels. Facebook will take the centre of the image and cut it out accordingly. You can later adjust the horizontal (landscape images) or vertical (portrait images) position of the picture.
Width: 403px
Height: 403px
Pictures displayed in Facebook
This is the maximum size of the image as shown in slide show or album.
Width: 960px
Height: 720px
Facebook ads
Picture in the ad
Width: 100px
Height: 72px
Size: 5MB
Text in ad
Header: 25 characters
Body copy: 90 characters
Facebook status update
Status update length: 63,206 characters
Comment length: unlimited
Video
The maximum size of vide you can upload
Size: 1024MB
Length: 20 minutes
Find out How To Set Up a Custom Facebook Landing Page.
Did we miss something? New changes? Let us know in the comments.
Check out the related posts:
- 4 Free Facebook Landing Page Creation Tools. Use Facebook landing pages and here are some free tools available to get your basic Facebook landing page up and running.
- 22 Inspiring Examples of Facebook Page Designs. Collection of pages to give you inspiration.
Posted on: May 4, 2011
Thx a lot. This is great info. But what about FB Event Page?
There is a specific size for it too..
I agree with you. It’s will different for FB Event Page. I hope admin can explain it.
Priit, This is exactly what I’ve been looking for. After just putting up my Facebook Page, and struggling to get image sizes right and looking good, it will be MUCH easier now. Thanks Joe
This is helpful for me for the simple fact that I am terrible at doing this on my lonesome. I’m happy you used a list of steps, because no doubt I will be going back and forth from this page for reference.
Me too. I am really impressed by this blog!Very clear explanation of issues is given and it is open to everyone.
It contains true and fair information.
That’s why I’m waiting. Thank’s for the post about facebook. Nice
As a follow-up to my reply above, I’ve just discovered that if I export from Photoshop as a png, the quality is much, much better when posted to FB.