INFOGRAPHIC: The Ultimate Complete Final Social Media Sizing Cheat Sheet
In June of this year, we published an infographic listing all of the sizing information for images on Facebook, Twitter, Google+, and Pinterest. It was a wildly successful piece of content, totally blowing our expectations out of the water. Unfortunately, while its popularity has flourished, nearly every social network instituted changes to their image sizes, rendering most of the information on the infographic out of date.
We knew we needed to update the information on the cheat sheet, but we weren’t comfortable with simply adjusting one or two figures on the blog post and leaving it as-is. We’d also received a lot of feedback, both on the design and information it contained. We decided to redesign the entire sheet and incorporate a few more social networks.
We also decided to permanently redirect the old sheet here, so that shared tweets, pins, likes, and so on, would lead to the correct sizing dimensions. Additionally, as sizing changes are implemented across social networks, we’ll actively update this sheet – meaning that if you use the embed code at the bottom to share this sheet on your own site, the image will automatically update with changes as they are rolled out. No more out-of-date information.
So, without further ado, here it is – the ultimate, complete, final social media sizing cheat sheet. As before, you can find a simple text list of the pixel dimensions at the bottom. Save this sucker on your hard drive and never Google ‘Facebook cover photo size’ again.
Embed the cheat sheet on your own blog or site using the embed code below!
| Timeline | ||
| Profile Picture | 160 x 160 px | Must be uploaded at least 180 x 180 px |
| Cover Photo | 851 x 315 px | |
| About Us | 255 Characters | |
| App Preview Image | 111 x 74 px | |
| Total Length of Apps bar (including gaps) | 350 px | |
| Timeline Profile Picture | 32 x 32 px | |
| Shared Image | 403 x 403 px | Photos can be viewed up to 960 x 720 px in the lightbox and expanded up to 2048 x 2048 px. |
| Shared Facebook Video | 403 x 226 | |
| Status Update | 63,206 characters | |
| Shared Link Preview | 156 x 116 px | Editable, can be set with the og:type meta property |
| Shared Link Title Tag | Up to 100 characters | Editable, can be set with og:title meta property |
| Shared Link Metadescription | Varies based on available room | |
| Highlighted Post or Milestone | 843 x 403 px | |
| Highlighted Video Post or Milestone | 843 x 475 px | |
| News feed | ||
| News feed profile picture | 50 x 50 px | |
| News Feed Status update | Up to 5 lines of text before Facebook truncates & appends ‘See More’ at the first break after the fifth | |
| Shared Image | Landscape | 398 x 296 px |
| Portrait | 296 x 398 px | |
| Square | 320 x 320 px | |
| News Feed Sponsored Story Profile Picture | 32 x 32 px | |
| News Feed Sponsored Story Image | Landscape | 358 x 268 px |
| Portrait | 268 x 358 px | |
| Square | 300 x 300 px | |
| Shared Facebook Video Preview | 403 x 226 px | |
| Shared Video Link Preview | 130 x 73 px | |
| Shared Link Thumbnail | 90 x 90 px | |
| Shared Link Title | Up to 100 Characters | Editable |
| Shared Link Description | Varies based on Thumbnail & Title Size | Editable |
| Ads | ||
| URL Ad Title | 25 Characters | |
| URL Ad Copy | 90 Characters | |
| Page Ad Profile Picture | 50 x 50 px | |
| Page Ad Title | Page Name | |
| Page Ad Copy | 90 Characters | |
| Page Post Ad Profile Picture | 32 x 32 px | |
| Page Post Ad Title | Page Name | |
| Page Post Ad Copy | First 90 characters of selected post | First 120 characters if post is text-only |
| Page Post Ad Image | 90 x 118 px | |
| Page Post Ad Video Preview | 128 x 72 px | |
| Page Post Ad Link Thumbnail | 50 x 50 px | |
| Sponsored Story Fan Picture | 50 x 50 px | |
| Sponsored Story Profile Picture | 32 x 32 px | |
| Premium Page Post Ad Profile Picture | 50 x 50 px | |
| Premium Page Post Ad Video Preview | 185 x 104 px | |
| Premium Page Post Ad Image | 168 x 128 px | |
| Profile | ||
| Background Image | 90% of visitors see first 78 px of the background | |
| 67% see 204 px | ||
| 43% see 247 px | ||
| 21% see 284 px | ||
| Recent Image Preview | 90 x 90 | |
| Profile Picture | 81 x 81 px | 4 px border |
| Tweet Length | 140 Characters | |
| In-stream | ||
| Profile Picture | 48 x 48 px | |
| Shared Media Tweet Length | 140 characters, including link | |
| Shared Link Preview | 120 x 120 px | Must be at least 60 x 60 px |
| Shared Link Title | First 70 characters of twitter:title tag | |
| Shared Link Description | First 200 characters of twitter:description tag | |
| Shared Image | 375 x 375 px | |
| Shared Video Preview | 435 x 244 px | |
| Video Details | Video Title and first 160 characters of video description | |
| Google+ | ||
| Company Profile | ||
| Cover Photo | 890 x 180 px | |
| Profile Picture | 250 x 250 px | 5 px border |
| Horizontal Profile and cover photo gap | 614 px | |
| Status Update | 100,000 Characters | Can include hash tags |
| Shared Link Thumbnail | 150 x 150 px | |
| Shared Video Preview | 497 x 279 px | |
| Shared Image | 497 x 373 px | Can be uploaded and viewed up to 2048 x 2048 px |
| YouTube | ||
| Branded Channel | ||
| Content Container | 970 px wide | |
| Mappable Header | 970 x 150 px | Can map links off of YouTube |
| Profile Picture | 55 x 55 px | |
| Featured Video | 640 x 390 px | |
| Video Thumbnail | 288 x 162 px | |
| YouTube Brand Channel Background Size | 90% of users see 8 px on either side of the content container | Up to 1 mb in size |
| 67% see 136 px | ||
| 43% see 180 px | ||
| 21% see 216 px | ||
| Video | ||
| Title | Up to 100 characters | |
| User Banner | Up to 170 x 25 px | |
| Video Preview | 640 x 390 px | |
| Description | Up to 5000 characters | |
| Tags | Up to 500 characters | Hidden, can be found in page source under “meta:keywords” |
| Recommended Playlist Details | Playlist Title | |
| Recommended Playlist Large Thumbnail | 120 x 67 px | |
| Recommeded Playlist Small Thumbnail | 40 x 25 px | |
| Recommended Video Details | Video Title, Author, and Views | |
| Recommended Video Thumbnail | 120 x 67 px | |
| Overview | ||
| Horizontal Logo | 100 x 60 px | |
| Cover Photo | 646 x 220 px | |
| Company Square Logo | 50 x 50 px | |
| Company Comment Logo | 30 x 30 px | |
| Shared Link Thumbnail | 180 x 110 px | |
| Shared Link Details | Shared Link Title and up to 230 characters of description. The description is editable. | |
| Careers | ||
| Careers Cover Photo | 974 x 238 px | |
| Products and Services | ||
| Products and Services Banner Image | 646 x 220 px | |
| Product Image | 100 x 80 px | |
| Product Details | 100 character title and 2000 character description | |
| Profile | ||
| Profile Picture | 160 x 165 px | |
| About Section | Up to 200 characters | |
| Boards | ||
| Board | 222 x 207 px | |
| Big Thumbnail | 222 x 150 px | |
| Small Thumbnails | 55 x 55 px | |
| Pins | ||
| Profile Picture | 32 x 32 px | |
| Pin Image Preview | 192 x scaled height | |
| Pin on board | 222 x scaled height | |
| Pin | ||
| Profile Picture | 49 x 49 px | |
| Pin | 600 x infinity |
Are there any more social networks you’d like to get sizing information on? Would you like an embed code for the table above as well as the image? Like the new design? Let us know your thoughts in our comments below.
Is the student ready to be a teacher? Take a look at our social media and let us know what you think. We are always looking to make our profiles a little sharper, savvier and more user friendly.
About Dan Wilkerson
Dan Wilkerson is the Marketing Manager at LunaMetrics, with a background in Advertising and PR. Since producing his first commercial at 18, Dan has wanted to get involved with brands. Dan loves solving problems creatively, effectively, and measurably, and has had experience with a wide variety of businesses ranging from tech start-ups to household charities.
Traffic
Analysis
Action
Subscribe to this blog's feed
Thank you thank you thank you. Once again, an awesome post.
I look forward to the greatest ultimate complete final perfected quintessential SoMe sizing cheat sheet to come.
Thanks – this is incredibly helpful!
Thanks so much, very cool! I already distributed this post to many of my Facebook friends.
Thanks tons. Wow, excellent resource!
Such a help and a time saver – thank you
You have really captured a huge amount of information and presented it in such an organized and useful fashion. Thanks for going the extra mile with this.
I love it so much I would love to keep it secret, instead…I will blog about it.
This is wonderful. Thanks!
This is sooo useful, thank you!
Wow!This is really informative and very useful for me. Thank you so much for sharing this
Thanks for updating this!
It’s a big help for us.
You are my new best friend! Seriously.
Fabulous infographic, thank you!
So useful, very happy to share this with my colleagues and clients.
Do you mind if I quote a few of your posts as long
as I provide credit and sources back to your weblog? My blog
site is in the exact same niche as yours and my visitors would truly benefit from a
lot of the information you provide here. Please let me know if this ok
with you. Cheers!
Question: my partner and I have the same iPhone 4 and she sees shared facebook images that look to be 403 x 403. Mine look more like the video, 403 x 226. Why the difference, and also, any info available about how many users see it one way vs. the other? Yours in hope, Confused in Maine
Thank you for posting this! It drives me crazy when the sizes change all the time. It will be great to have one place that is always up to date.
Is what you are calling a “shared image” the same as an album image? I am just trying to confirm the parameters for photos uploaded into albums. Thanks!
Hey Texeattle,
Not exactly. When you upload multiple images into an album, Facebook choose a configuration of 2, 3, 4, 6, or 9 of the albums images to display in the feed of users. There were so many different configurations and the use case was so narrow we decided to forgo including them in the cheat sheet. You’ll have to do a little trial and error to get it right – I would suggest targeting a few test posts somewhere obscure or where your page has little to no following to see what kind of configurations you’ll get with different photos.
As for the sizings, the easiest way to get the pixel dimensions is to use the ‘Inspect Element’ feature in Chrome. Just right click on each component of the album and select ‘Inspect Element’, and Chrome will pull out the dimension for you on the page.
Hope this helps!
Dan
Hi Matthew,
I can think of two possible explanations. 1.) Is one of you accessing Facebook via the mobile site and the other through the native app? That might account for the difference, or 2.) Are both native apps up-to-date.
These are the only possible reasons I can think of that would cause the same image to look differently on two different devices.
Best,
Dan
Any chance of getting this in a pdf format so I can print it out?
This is a truly excellent resource, going to share it on my blog and Fan Page! Thanks so much Dan!
I’ve noticed when uploading a new profile picture to Twitter, it now gets automatically resized to 256x256px, so when you click on it to view it at full size, this is as big as it gets (in a browser at least). People with older profile pictures still seem to have theirs at the original size.
Twitter states in its help centre that profile images shouldn’t be larger than 700k, but even when they’re smaller they get resized.
Am I doing something wrong or is this a new thing?
Very useful information, Dan! Thank you for covering Pinterest as well. I’ve been having a hard time customizing my page. I’m definitely gonna bookmark this one. Thank you for sharing!
Amazingly helpful. Thanks so much for going to all the trouble to produce this.
this is GREAT…was working on updating profile pages…so this will come in very handy…thanks!
Added to the toolbox. Thanks!!
This is very helpful! Please keep up to date as changes come!
Can you cover more than the famous social network? I have an account on thehooting.com and it would be great to have the guide for this one also.
thank you
Well done, Dan!! Masterful.
Wonderful to see the update. Just one editing note in the blog post itself: the phrase is “any further ado” (ado meaning “fuss”) not “adieu” (which means “goodbye forever” in French).
Very useful. Thanks
Thanks and well done
Thanks for pointing this out, Rosanne! Fixed it up
Best,
Dan
Cool thanks,
you have the PSD?
that would be great…
—-stooni
Images AND Charts! This will be a great resource, thank you.
You are AWESOME!
Thanks for this incredible resource!
Thanks for this great resource
Top. Great information collected in one infographic.
Thanks for the work.
Great resource. Appreciate you posting this.
Great Work! I really find it useful. Definitely worth a share!
How do you adjust for the difference in the way Facebook profile pictures and cover images display in the mobile apps vs. native? They are not positioned the same so when it looks correct on the desktop it is misaligned on mobile.
Great resource for graphic designers! Collecting all this px=precise dimensions must have taken a while
I will link to the infographic from our website’s blog.
Sounds great! Thanks for sharing
If you use the embed code at the bottom of the image, it will update automatically as we adjust it for changes to the pixel dimensions.
Best,
Dan
Hey Kevin,
The short answer is – you don’t! That’s part of the reason our best practice recommendation is not to try anything clever with your profile image and cover photo. However, there is good news – most interactions on Facebook take place in the News Feed, so chances are pretty slim that a large part of your user base will see your profile Cover/Image anyways. Just something to keep in mind!
Best,
Dan
well informative post you share hare , It seems as eco- friendly ……….
OMG!! Truly Amazing Compilation!!
Lunametrics.com Bookmarked!!!
Valuable information. Lucky me I discovered your site by chance, and
I’m shocked why this coincidence did not came about earlier! I bookmarked it.
Great article, very useful : THANKS
Actually you can synchronize your profile picture and your Cover : LiveCover does it automatically
http://www.youtube.com/watch?v=lCcl8pGMkME&hd=1
My family always say that I am wasting my time here at net, except I know I am getting familiarity
all the time by reading thes good articles.
You might want to add the new Twitter
Header Image/ Profile banner which is 1252 X 626
Also the twitter avatar is 80×80 but if anyone clicks it, it will stretch to 500×500 (better size).
Kuddos, very good information. This is a great post.
Thank you, thank you, thank you! I said to my partner we needed to get this info together for our brand planning of logos and with one Google click there you were at the top! This is useful kinds of articles and research for those of us who are in the branding arts. Keep up the great work.
This is a great gift! Thank you for doing all the homework and sharing it! You’re the best! T~
This is amazing!
This is brilliant!
What a tremendous piece of work — well done and many thanks for your extremely useful and generous efforts.
Thanks Dan, good work!
Cheers
Dan – THANK YOU! for the effort you and your team put into this. Greatly appreciated.
Cool site, too. Gonna definitely check out your services.
OMG this is so useful. Downloaded. Printed. Save. Will refer to often. Thank you so much for spelling this out!
[*rubs bald spot on head from formerly ripped out hair*]
Dan – Thank you. I gave up on my Facebook fan page because I could not figure out what they wanted. Now I may be able to fix it.
You. Are. Awesome.
Thanks so much – this is terrific
OMG ~ Thank you, thank you, thank you…I was getting pixalated myself!
Thanks for saving me a ton of time! FYI, I believe your embed code has an extra ‘=’ in the last div style.
Great eye Michael! Thanks for bringing this to my attention
Fixed.
Best,
Dan
You should be a part of a contest for one
of the greatest blogs on the web. I am going to recommend this
blog!
This is kick ass! Thanks a lot. You guys ROCK. Thanks again.
So so helpful! Thank you!
What a GIG!
Hi, Couple of sizing questions:
The facebook page post ad is listed as 90×118, but isn’t it 118×90?
The twitter cover image size is very different from what is listed on twitter, twitter states 1252×626. I can’t find a size they list for the profile image. Can you doublecheck those?
Hey Carrie,
Thanks for pointing that out! We’re both right about the Page Post Ad – it displays either of those dimensions depending on the overall orientation of the picture used in the post for the ad.
The twitter cover photo sizing is actually the size that it displays on Twitter, not the upload size that Twitter states – I was trying to capture what the end product would look like for these sizings. Yes, they recommend uploading at those dimensions (and I’m not disagreeing), but what I have listed is what displays when someone views a Twitter profile. The profile image is constrained to a square proportion, but has no explicit maximum upload dimensions or size. It displays on your profile at the listed dimensions for the different areas on the site.
Best,
Dan
great effort(this save my time).
thank for sharing.
Great Dan, Thank you!
this is totally awesome,i am designing a news mobile web app and wanted to find out about twitter’s image sizing.
Thanks a lot
This is awesome. You must’ve put quite some time into this, thank you for that. It’s an extremely helpful compilation.
Facebook image preview size is “supposed to be” 398×296 px. However a timeline image as now shown on iPad FB APP seems to cut off the top and bottom 16 px (a bit more than 5% on both top and bottom.) Repositioning does not seem to help if the image is already at 398×296, nothing to reposition… FB APP fail.
WORKAROUND: Don’t put captions or text too near the top or bottom of your images. Also, if you delete from your FB timeline, it may not be deleted from the app timeline display for an hour or so, more or less.
Update: if you don’t want truncated images, use 398×220 (or an aspect ratio of 1.8 :: 1) which works perfectly for both timeline and newsfeed on both the Facebook iOS APP and web browsers, for now.
FB app on iPad crops the image width in the TIMELINE more than it does for the NEWSFEED. The aspect ratio seems to be different. Maybe 330 px wide by 220 high may work ok for all? But that is 0.71 not 0.81 aspect ratio.
Hey this is really handy, all in one cheatsheet.
Dang, Facebook has some odd sizes huh?
Thanks for sharing,
Peter Mead
Wow, I rarely comment on blogs but to find literally EVERYTHING I needed on a single page is rare now adays. Most only put the bare minimum needed and that’s it. Awesome page, thanks for the info.
Incredible! That’s so useful, thank you very much! That goes right away in our company’s bookmarks.
So useful we just had to comment. Thank you for creating this! It’s a major help to our company.
Thanks for this excellent post. This is very helpful it helps us in making images for any social profiles.
Excellent! I will modify all my Social pictures according to this. Thanks!
Very good idea! Thanks!
Thank you so much for this!! Just what I needed.
Yes!!! I’d love am embed code for both the table as well as INFOgraphic! Thank you TONS!!
Awesome resource. Beautiful illustrations. Thanks!
This is pure awesomeness. Thank you for making my ife easier.
Baochi
What a fantastic resource! I’m going to be sharing this like mad! I was looking for something for all my social media platforms and never thought I’d find all of them on one page.
Thanks so much for this, definitely the most comprehensive guide I have ever seen.
Great post! Getting this on every spot I can. Thanks for the work.
Wowowow!! Someone posted a link to this on the Progressive Exchange forum – and I am SO grateful. VERY useful info, thanks for all your effort.
Truly Awesome!
Any chance , for pretty please that I could get the original illustrator or photoshop file this was created in?
Any chance of getting instagram added to this?
Great post!! Thanks a lot..
Thank you so much for this.
Great job guys, very helpful reference though a downloadable/PDF version of each would be good as well.
Thanks
Sorry Chad, no can do
Best,
Dan
Great infographic guys! Totally posting this to our blog at http://www.postplanner.com ASAP!
Woohoo! Thanks Scott
Dan