INFOGRAPHIC: The Complete Social Media Sizing Cheat Sheet
We’ve all been there – hastily combing through SERPs, looking for the correct sizing for your new Google+ cover pic or the appropriate sizing for the branding and text in the background of your new Twitter profile. Fortunately, we’ve got you covered with a one stop shop for all of your social media sizing headaches – just go ahead and right-click save this bad boy into your documents and never get stuck with pouring through search results for the correct Facebook cover photo size again.
Embed this image:
Prefer text for easy copy-pasting reference? No problemo – here’s all of the sizing information written out for you to see.
Facebook Image Sizes
- Cover Photo
- 851 x 315 pixels
- Profile Picture
- 160 x 160 pixes
- Must be uploaded sized at least 180 x 180 pixels
- 160 x 160 pixes
- Distance between left boundary and profile picture
- 23 pixels
- Distance between top boundary and profile picture
- 210 pixels
- Profile Picture border size
- 5 pixels
- App Preview Image
- 111 x 74 pixels
- Distance between App preview images
- 8 pixels
- Total length of adjustable app preview images, with gaps
- 349 pixels
- Shared Image size on Timeline
- 403 x 403 pixels
- Up to 960 x 720 pixels in lightbox, can be uploaded up to 2048 pixels
- 403 x 403 pixels
- Status Update
- 63,206 characters
- Link Preview
- 90 x 90 pixels
- Both Title Tag and Meta Description can be edited by clicking on the preview text
- 90 x 90 pixels
- Highlighted Post/Milestone
- 843 x 403 pixels
- Profile Picture In Stream
- 50 x 50 pixels
- Shared Image In Stream
- 398 x 298 pixels
- Profile Picture on Facebook Sponsored Story Ads
- 32 x 32 pixels
- Sponsored Story Body Copy
- 90 Characters
- Sponsored Story Image Size
- 194 x 139 pixels
- Album Image Preview type 1
- 129 x 129 pixels
- Can show either 6 or 9 photos at this size
- 129 x 129 pixels
- Album Image Preview type 2
- 398 x 264 pixels
- Three 129 x 129 pixel boxes underneath
- 398 x 264 pixels
- Album Image Sizing type 3
- 196 x 196 pixels
- Two preview images
- 196 x 196 pixels
- Facebook Ad Image Size
- 100 x 72 pixels
- Facebook Ad Title Copy
- 25 characters
- Facebook Ad Body Copy
- 90 characters
- Shared YouTube Video Preview
- 130 x 73 pixels
- Shared Facebook Video preview
- 398 x 223 pixels
Twitter Image Sizes
- Profile Picture
- 128 x 128 pixels
- Must be <700kb when uploaded, resized to 48 x 48 pixels in stream
- 128 x 128 pixels
- Brand Banner
- 835 x 90 pixels
- Only available to select Twitter partners
- 835 x 90 pixels
- Tweet Length
- 140 Characters
- Background Sizing (Visible space between left side and content)
- 90% see 71 pixels
- 65% see 199 pixels
- 40% see 242 pixels
- 20% see 279 pixes
Google+ Image Sizes
- Cover Photo
- 940 x 180 pixels
- Can be animated using a .gif
- 940 x 180 pixels
- Profile Picture
- 250 x 250 pixels
- Profile Picture border size
- 5 pixels
- Ribbon Photo
- 5 x 110 pixels each
- Can be animated using .gif’s
- 5 x 110 pixels each
- Profile Picture In Stream
- 48 x 48 pixels
- Shared Images
- 497 x 373 pixels
- Up to 2048 pixels in lightbox
- 497 x 373 pixels
- Post length
- 100,000+ characters
- Cannot edit link Title Tags or Meta Descriptions
- 100,000+ characters
Pinterest Image Sizes
- Profile Picture
- 49 x49 pixels
- Resized from 160 x 160 pixel profile picture
- 49 x49 pixels
- Pinned Images
- 600 x Infinite pixels
- Pin Description Length
- 500 Characters
- Can include hyperlinks
- 500 Characters
Miss one you needed? Want more social profiles? Let us know in the comments
.
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
I recently uploaded images (1920×1080) and the viewed image has the same size (100%). What is the maximum size? I believed it was just over 2000 pixels. Right?
Hey Joost,
If you’re talking about Google+ or Facebook, the maximum upload size that you can use is 2048 pixels on the longest edge. If you upload that image to Facebook, it will resize it down to 960 x 720 pixels for viewing in their lightbox, the pop-up frame when you click on a photo. You can then click the fullscreen button to show the highest resolution (up to 2048 px) of the image.
Google+ does all this without having to click through to the fullscreen – it will automatically size it to fit up to 2048 in it’s own lightbox.
Hope this helps!
Best,
Dan
Hey Dan,
Just wanted to shoutout and say thanks, this is a very useful resource. I’ll be bookmarking and sharing this. Btw, is G+ the only service that allows you to format your text with bold, underlines, and italics?
Pretty sure someone’s going to come up with a similar post of all the ad specs for different platforms
I would love to see how we can create our own YouTube graphic for our channels?
Thanks for the wonderful Infographic and the facts.
Hey Nicole,
Our pleasure! Make sure to subscribe for more goodies
Best,
Dan
Hey Victor!
Thanks
Yeah, there’s definitely room for this to grow, especially for ad units like you’re saying 
And yeah, G+ is unique in that regard.
Cheers,
Dan
http://barbarasbeat.blogspot.com/2012/07/social-media-sizing-cheat-sheet.html
Thanks for sharing. I shared it, too. with your credit and links of course.
Regarding the Facebook lightbox sizing, it’s still a bit confusing. I uploaded a 960×640 jpg thinking it would fit their spec just right. Instead, it gets uprezzed to 1044 pixels on the long side (horizontally). If I click refresh to view the photo without lightbox and just on a regular page it gets downsized to something like 720 px horizontally. On the other hand, when I upload a 750x500px image, it does not get uprezzed to a larger size anywhere. So the question is what it the right size (dimensions) to upload (on a 2:3 image) to maintain that size and quality? Thanks.
Thanks Barbara, appreciate it
Best,
Dan
Hey GD,
Sorry for the delay in responding to you, I just wanted to take the time to properly test out your problem. Unfortunately, I have zero answers for you – I just created a 960 x 640 px image and it uploaded and lightboxed fine. You might Ctrl/Option+0 to see if you accidentally zoomed in your browser sizing – I’ve done that before. Other than that I’m unsure of why exactly Facebook is doing that. Can anyone else contribute here?
Best,
Dan
GREAT GREAT!!!
And youtube sizes ?
Now this is what I call a useful, brilliant resource and should be the poster child for effective content marketing. Its my new office pinup
All us Internet marketers will get HUGE value from this for image sizing, cropping etc. instead of relying on facebook, twitter, Pinterest and Google+ to mangle our pictures as they try to insert a square peg in a round hole. Much better to size before with a real image processing software application, then uploading an image sized to spec as the outcome is always better. Thanks for sharing.
Hey Rick,
Your comment brought a smile to my face. Happy to have been of service.
Best,
Dan
Is there anyway I can get permission to repost this on my blog, linking back to your site and of course giving you all the credit? I tried to copy and paste the embed this image code, but all I get is a small box with a question mark inside it.
Even if it’s not possible to post, I’ll be sending to people to your website for this. It’s a priceless bit of info all in one place.
Thanks so much, Edie
Hey Edie,
Sorry our embed code is giving you grief. Go right ahead and copy it to your blog and stick a link pointing back to this page, whatever works best for you
Best,
Dan
Dan, thank you! I’m scheduling the post to go live on Monday. Thanks again!
Dan, When a Facebook profile loads initially it seems to drop down to focus on the profile photo and name of the person or website. Do you know if that’s a bug or if this is something we can design to?
Hey Mark,
It’s so strange that you bring this up; we were actually having a conversation about this at lunch just today. The halfway scrolled-down effect only occurs on personal Profiles and not on Brand Pages. I just took a look at the source and guess what – it’s not a glitch! They’ve got a little bit of code in there that looks like this:
div class=”cover” style=”margin-top: 0px; ” data-collapse=”170″ id=”u7ao5a_9″
I can’t find a data-collapse on Brand Pages when I inspect the same element. I used the built in OSX Capture Region X,Y coordinates to determine that the top of the visible profile picture occurs at 154 pixels down and the bottom at 299 pixels down. That means the length of the visible section is 145 pixels – add that to 170 (from the data-collapse segment) and you get 315 px, the exact height of a cover photo.
So yes, you can design for it, but only on your personal Timeline. Additionally, Facebook could adjust this design element pretty much whenever they want, so just keep that in mind.
Best,
Dan
Hi
Thanks for sharing this valuable info. We shared it on our blog too and gave you credit! We need more great resources like this!
Hi,
Thank you for this helpful info! It’s so great to have this in one spot rather than looking all over the place for these.
Much appreciated! =)
- Drew
Hey Drew,
Happy to help! Thanks for the appreciation
Dan
Thank you! Thank you!
If I had a new born baby its name would now be Dan. But I dont. So you will have to settle for an enormous high five!
James,
I’m holding you to this. I’d better be invited to the baby shower.
Thanks for the enthusiasm!
Best,
Dan
Thanks. That’s awesome. And the text version is quite useful.
What defines the way the photo album will be displayed on your Facebook fanpage / profile page? (9, 4 or 2)
> Is it the amount of photo’s uploaded, or the size of the photo’s?
Oops, excuse me, I meant ‘photos’ of course.
Hey Geertje,
As far as I can tell, the amount of photos in a particular album are what dictates the album format that Facebook uses.
Dan
Great post!!
really great cheat sheet. Something everyone who is just starting out with social media sites should read.
Thanks Jared!
I appreciate your feedback
Dan
Great post – keep referring to it time and again! Now it needs to be updated with Twitter’s new banner image
Dan,
When I resize our logo (which is an oval, so it comes in a rectangular white box) to 180×180 in Microsoft Office Picture Manager is surprisingly does not distort the photo, but it does cut the edges of the oval off when I download it onto Facebook. What am I doing wrong. The cover photo advice was super helpful – thanks! I plan on using your other advice as well.
Hey Kaitlin,
Is this your page? It’s showing up fine for me! As long as you’ve sized your image to 180 x 180, it should automatically downsize to 160 x 160 and display proportionately. I’d suggest using a more advanced image editor, just in case it’s something with the Picture Manager software – PicPick is what I use; it’s free, lightweight, and relatively powerful.
Hope this helps!
Dan
Tom, thanks for your reply. No, it is my company’s page, which looks fine right now, but I am trying to change the current logo to a more up to date logo. I tried and resized it to 180×180 and it did not work. PicPick says it must be purchased if it is for commercial use, so I hesitated downloading it since I would likely be using it for business purposes. Also, the image I re-sized was originally a rectangle and after resizing it still was…could this be part of the problem?
Hey Kaitlin,
A good alternative for you would be Pixlr (http://www.pixlr.com/), which would allow you to upload the image and edit it online. I think you might’ve not uploaded the proper version or might be using an incorrect format. Upload your logo to Pixlr, click the ‘Image’ menu item at the top, select ‘Image Size’, and enter in the appropriate dimensions. If your image is coming out distorted, start by first resizing the Canvas to be square – open your image, click the ‘Image’ tab at the top, select ‘Canvas Size’, then make either the height or width (whichever is the smaller number) match – so if your image was 180 x 200, you would change the canvas to 200 x 200. Then you can resize it down to 180 x 180.
Hope this helps!
Dan
Hi Dan,
Thanks for this infographic- it’s amazing! So helpful for me as a marketer and our graphic design team. Do you plan on updating it every so often? For example, with the latest development of a Twitter header.
Also a bit confused about Twitter background sizes- what would you generally recommend we go for?
Many thanks!
Hey Lisa,
I’ve got a 2.0 version in mind sometime soon, with updated information like the changes to Twitter, LinkedIn, etc.
I’ll keep you posted! (or you can join our mailing list and be first to see it
shameless plug)
Best,
Dan
Thanks for the infographic. Now will you design a free app that can re-size all the pics accordingly??
Dan, thank you so much for outlining this! This makes my job a billion times easier. You’re the best!
Hey Tory,
No problem!
Dan
Never say never
Dan
Sorry if this has already been asked but I didn’t want to read through all of the conversations — what is the size of the youtube profile picture when looking at it on someone’s channel? It seems to use the profile pic from your Google+ account but on my page (youtube.com/kormendytrott) it has a thing border around 3 sides.
Hey, this is awesome. There are some Facebook app icons and related images that would be great to include:
200×200 (post image when someone likes something on your site/app)
75×75 (app icon on app page or some other pages in FB?)
16×16 (app favicon that appears in “Posted via such-and-such app” mice type message on FB posts)
This is a great help Dan. Never found this kind of stuff anywhere on the internet. Now we can easily make our content to be shared in more perfect size, for better visibility. Thanks Buddy, God Bless You
ahh great all the social stuff at right place, love it
Long time since I saw an infographic that was actually useful, but this is more than useful – dare i say it, it’s practical! Great job Dan!!
Awesome post! Needed it today. Just got word that LinkedIn needs a brand banner for its new company pages. Can you update the infographic to include it? You know, when you have time.
Nice advice thanks.
Tell me are there any issues in uploading the same images to google+, twitter ect as the ones uploaded to facebook.
I mean this from a kind of uniqueness point of view especially where google is concerned!
Just try to future proof my seo ect
Hey Dan,
There are no current implications that I’m aware of, as far as the design of your profile goes. There are usability concerns from the perspective of content, however. If you share the same exact updates on all of your social networks, you might potentially irritate your audience or at the very least bore them. But that’s only as far as usability is concerned.
Our best practice recommendation is to use imagery that matches the branding of your site as often as possible, and to keep that imagery as uniform as possible. This helps assure users they’ve found the correct account that they want to follow – critical in places like Facebook where search is so unreliable.
Best,
Dan
Thanks….I’m sharing this on my FB.
Thanks for this resource. What about status lengths for MySpace and LinkedIn? I’m a doctoral student and plan to recruit study participants through my personal social media updates in addition to other traditional methods.
Hey Kerrie,
Not too sure about MySpace, and I wouldn’t get too comfortable – they’re planning a relaunch soon. However, as far as LinkedIn Updates go, you’re limited to 700 characters.
Best of luck to you in your recruiting efforts!
Dan
I share a lot of pictures through my companys faebook page. Am I crazy, or does Facebook seem to crop them differently for computer-viewed newsfeeds and mobile-viewed news feeds? Is it best to just always do 4×3 or is there some optimal size that won’t be cropped in either medium?
What about Facebook event Photos? I know they are 180 x 540 but where and how do they pull the thumbnails?
las medidas para el perfil de hotmail..urgentee.
Hey Dustin,
Event thumbnails are created from the event photo itself – so, in order to customize one (like ours), you simply create an image scaled up from 111 x 74 – ours is 222 x 142. You scale up so that when a user visits the actual event page, they don’t see a tiny, grainy image. Make that scaled up image whatever you want the thumbnail to be and Facebook will automatically set it as your Events thumbnail.
Dan
Thank you so much Dan for this very useful infographic.