Last updated: 8th October 2021
Social media platforms are forever changing the image sizes and formats, so to keep you all updated I have re-created the 2020 social media image sizes cheat sheet and updated it to 2021.
The need for strong social media presence has soared in 2016 and will only increase in prominence in 2021. This is why you really need to keep up to speed with your business / brand / personal profiles, and to optimize them with the right images to represent you!
“The 2021 Social Media Image Sizes Guide” below explains to you what the best image sizes are for each social network and the image types to use. Every major social media platform is listed on here so you’re up-to-date with social media platform optimization.
This year I’ve added in one new platforms to the list. With the growing popularity of Chinese social media networks, it’s only right that I include TikTok.
Also this graphic displays specific dimensions and we have also added some very quick tips and insights to help you make your mind up on what photo to use on what social media platform.
DOWNLOAD THE NEW 2021 PRINT READY PDF
Good luck people! Get social media image optimizing :) !
Share this Image On Your Site
Social Media Platforms Optimized Image Sizes 2022
Get your social media platforms optimized with the right image sizes and stand out from the crowd. From Twitter and Pinterest to Instagram and Facebook image sizes, we have the complete guide right here in one clear infographic! We have even added two Chinese Social Networks – Weibo & We Chat!.
With the ever growing need to have a strong social media presence for your business / brand / personal profiles, it’s so important to optimize them with the right images to represent you.
To help you get the most out of your social media profiles, we’ve produced an infographic “The 2022 Social Media Image Sizes Guide” that tells you the best image sizes for each social network and image types; and to make certain that you’re up-to-date with social media platform optimization. This graphic will be constantly updated, so if the networks change their formats, we will be the first to show it in this graphic.
Not only do we list the specific dimensions, we’ve have also added some very quick tips and insights to help you decide what photo to use in what platform.
Along with the mobile revolution, the demand for social networking has probably taken the world by storm!
Whether it is for a business or a brand or a personal profile, there is a growing need to stay active on social media sites.
You are probably reading this article because you are looking for ways to optimise your social media presence.
And you would agree that images have a strong bearing on the way your social media profile is perceived or remembered!
But, with so many social media platforms, how do you remember the various image size optimisation guidelines?
A cool tip is to bookmark this blog post and the related infographic to stay updated with any changes to the social media image size optimisation rules.
In this article, we lay out a 2022 brief guide to social media image sizes or dimensions for the top social media websites.
Twitter Image Sizing Tips
Profile Photo: 400 x 400 pixels / Displays at 200 x 200 pixels (a maximum 100 KB file size)
It is often said that the “first impression is the last impression”!
Your Twitter profile picture is your main identification mark that will be visible to everyone. It will be visible on your home page, on the Twitter stream of your followers whenever you Tweet and so on.
Since it represents you or your brand, the image should be of the highest quality.
Header Photo: 1500 x 500 pixels (a maximum 10 MB file size)
You can use an eye-catchy, creative image for your high-resolution header photo on your Twitter profile page. As a business, your Twitter page header photo should be in sync with your logo, tagline and brand.
In-stream Photo: 440 x 220 pixels (a maximum 5 MB file size for photos and 3 MB file size for animated gifs)
You can post up to four pictures along with your tweets on this platform. For every in-stream picture, an image link is created which takes up the Twitter character space. You simply need to maintain the 2:1 ratio of the images which can be reduced to a smaller version to effectively fit your follower’s stream.
Image Sizing Advice for Facebook
Cover Photo: 820 x 310 pixels (a preferred maximum file size of 100 KB)
You can edit and add creative images as your cover photo that represents you or your business in the correct sense. – Appear on page at 820 x 310 pixels
– Anything less will be stretched.
– Minimum size of 399 x 150 pixels.
– Smartphones display as 640 x 360
– For best results, upload an RGB / JPG file less than 100 KB.
– Images with a logo or text maybe best as a PNG file.
Profile Picture: 180 x 180 pixels
Unlike the cover photo, which only appears on your Facebook page, your Facebook profile picture will be seen on your page, on posts where you comment, on the timelines of others where you post messages, in search results of Facebook’s Open Graph and so on. In short, it represents you at most places on the largest social networking platform.
Shared Image: 1200 x 630 pixels
You can engage your friends or business followers in meaningful conversations by sharing useful images on your Facebook timeline. These will appear in the news feeds of your friends and followers. Check this post for more information on image sizes for Facebook
Shared Link: 1200 x 627
Image Guidelines:
– Recommended upload size of 1200 x 627
– Square Photo: Minimum 154 x 154px in feed.
– Square Photo: Minimum 116 x 116 on page.
– Rectangular Photo: Minimum 470 x 246 pixels in feed.
– Rectangular Photo: Minimum 484 x 252 pixels on page.
Facebook will scale photos under the minimum dimensions. For better results, increase image resolution at the same scale as the minimum size.
Event Image: 1920 x 1080 px
Image Guidelines
– Facebook will scale down to minimum dimensions: 470 × 174 pixels.
– Shows in feed: 470 × 174 pixels.
Highlighted Image: 1200 x 717 pixels
Image Guidelines
– Will appear on your page at 843 x 504 pixels.
– Choose a higher resolution at that scale for better quality.
Image Sizing Guidelines for TikTok
Profile Image: 20x 20 pixels
While 20 x 20 is the minimum upload size, upload a higher quality photo for future-proofing.
TikTok video size: 1080 x 1920
The ideal aspect ratio for Tik Tok videos is 1:1 or 9:16.
Instagram Image Sizing Rules
Profile Picture: 110 x 110 pixels
Photo Size: 1080 x 1080 pixels
Video to Stories: 750 x 1334 pixels
On Instagram, you can upload a video to your timeline or share it to Instagram stories. The correct size to use will be determined by where you publish it.
The maximum duration of the video should be 10 seconds.
Photo Thumbnails: 161 x 161 pixels
For all types of Instagram images, you need to maintain an aspect ratio of 1:1. So, all your images will appear in square dimensions. You need to take special care with the image quality because limited text content is shared on this platform. It is more about the pictures and visuals!
Recommended Image Sizes for Pinterest
Profile Picture: 165 x 165 pixels
A Pinterest profile picture may not be as important as that of Facebook or Twitter profile pictures. However, you still need to use a nice one. After all, anyone who arrives at your board or pins through the keyword search will probably have a look at your profile too.
Board Display Image: 222 x 150 pixels
Use eye-catchy images for posting on the relevant Pinterest boards.
Pin Sizes: a width of 238 pixels (with scaled height)
Though these are the dimensions for your Pinterest pins, expanded pins will have a minimum width of 600 pixels. You can post larger images (as only the width is fixed, while the length can be scaled further up) for better engagement and more re-pins or likes.
Optimisation Rules for Tumblr Image Sizes
Profile Image: 128 x 128 pixels
You can use a good looking square profile picture that visually represents you or your business on Tumblr. It will appear on your profile page, next to the button to “follow” you when someone lands on your page and as thumbnails next to your posts in your follower’s feeds.
Image Posts: 500 x 750 pixels
You can post images with up to 10 MB file sizes (except for animated gifs which should not be more than 1 MB). You can thus upload really high-quality pictures for your Tumblr posts.
YouTube Image Sizing Guidelines
Channel Cover Picture: 2560 x 1440 pixels (for desktop), 1855 x 423 pixels (for tablets), 1546 x 423 pixels (for smartphones), and 2560 x 1440 pixels (for TV)
The sizes are optimised for the different platforms as YouTube videos are often streamed using any of the above mentioned platforms. Also, the video channel cover image should tell your viewers more about the kind of videos that they will probably be able to view on your channel.
Video Uploads: 1280 x 760 pixels
You know that YouTube is a video sharing site and not an image sharing one. So, you need to maintain this resolution (about 16:9 aspect ratio) for the videos that you upload.
Image Size Optimisation for LinkedIn
Personal Background image: 1584 x 396px
Standard Logo: 400 x 400 pixels
Profile image: 400 x 400 pixels
– Recommended between 400 x 400 & 20,000 x 20,000 pixels
– Minimum 200 x 200 pixels
– 10mb maximum file size / JPG, GIF or PNG files only
Linkedin Brand / Company Pages Image Sizes
Background image: 1536 x 768px
Recommended:1536 x 768 pixels.
Minimum size of 1192 x 220.
Maximum 4MB.
Appears as 1400 x 425 pixels.
Image types include: PNG, JPG or GIF.
Standard Logo: 400 x 400px
Image Guidelines
– 400 x 400 pixels recommended
(300 x 300 minimum and resized to fit).
– Maximum 4 MB (Square layout).
– PNG, JPG or GIF.
One of the two brand logos that you should be uploading to LinkedIn is the business logo. This is the bigger of the two and is going to show up right next to your brand name on your LinkedIn homepage. This image also appears in the “Companies you may want to follow” section, so the more enticing the photo the more likely the followers!
Business / Career Cover Picture: 974 x 330 pixels
Image Guidelines:
Minimum 974 x 330 pixels.
Maximum 2 MB.
Landscape Layout.
PNG, JPG or GIF.
At the top of this page sits a banner that is bigger than any of the other images on LinkedIn. You can use this space to choose a picture that speaks to your company in order to attract some great potential employees.
Square Logo: 60 x 60px
Image Guidelines
– 60 x 60 pixels (resized to fit).
– Maximum 2 MB.
– PNG, JPG or GIF.
This is the brand image that shows up when your company is searched. Make sure you use something recognizable to your brand to make sure customers know which company they want to click on.
Business Banner Image: 646 x 220 pixels
Image Guidelines
– Minimum 646 x 220 pixels.
– Maximum 2 MB.
– Landscape Layout.
– PNG, JPG or GIF.
Banner images is one of the newest and most prominent of the images that you can use on LinkedIn. This image appears when a user visits your brand’s homepage. Since this image is located on your homepage it’s likely the visitor is actively searching for your brand, so use this opportunity to reel them in with a great image.
Standard Logo: 400 x 400px
Image Guidelines
– 400 x 400 pixels recommended
(300 x 300 minimum and resized to fit).
– Maximum 4 MB (Square layout).
– PNG, JPG or GIF.
One of the two brand logos that you should be uploading to LinkedIn is the business logo. This is the bigger of the two and is going to show up right next to your brand name on your LinkedIn homepage. This image also appears in the “Companies you may want to follow” section, so the more enticing the photo the more likely the followers!
Image Size Optimisation for Ello
Banner image: 2560 x 1440 pixels
Profile image:360 x 360 pixels
Image Size Optimisation for WeChat
Profile Photo: 200 x 200 pixels
– Square Image – Recommended 200 x 200 pixels. JPG, GIF, or PNG.
– For best results, upload an RGB
– Images with a logo or text maybe best as a PNG file.
Article Preview Header: 900 x 500 pixels
The article preview header image spans the top of your account post. It’s quite larger than the other article preview thumbnails images so you have much more room to be creative with this picture. Since it will probably be the first place a visitor’s eyes will fall, these images tend to be the most captivating.
– Recommended 900 x 500 pixels.
– Maximum file size: 2 MB.
– JPG, GIF, or PNG.
– For best results, upload an RGB
– Images with a logo or text maybe best as a PNG file.
Article Preview Thumbnail Image: 400 x 400 pixels ( Displays at 200 x 200 pixels )
Article Preview Thumbnail is uploaded but does not need to appear in stream in published articles
– Square Image – Recommended 400 x 400 pixels.
– Minimum file size: 200 x 200 pixels.
– JPG, GIF, or PNG.
– For best results, upload an RGB
– Images with a logo or text might be best as a PNG file.
Article Inline Image: 400 px x Any size px
Displays at a width of 400 pixels, but higher resolution is recommended.
– Maximum file size: 2 MB.
– JPG, GIF, or PNG.
– For best results, upload an RGB
– Images with a logo or text might be best as a PNG file.
Image Size Optimisation for Weibo
Cover Image: 920 x 300 px
Recommended 920 x 300 pixels. Maximum file size of 5MB. JPG, GIF, or PNG.
Profile Pictures 200 x 200px (Displays at 100 x 100 px)
Cropped as a circle, so be careful of cropping on text or logos.
Displays throughout the site as 100×100, 50×50, 30×30
Square Image – Recommended 200 x 200 pixels. Minimum 100 x 100 pixels. JPG, GIF, or PNG.
Banner: 560 x 260 px
Maximum file size of 5MB. JPG, GIF, or PNG.
Instream: 120 x 120 px
Up to 9 images of any dimensions under 5MB can be uploaded to a single post, and may be accompanied by a video.
Posts with a single image have a preview thumbnail that resizes the image at its original proportions so the largest dimension is 120 px.
Contest Preview: 640 x 640 px
The square-shaped contest preview displays at 288 x 288 pixels in the sidebar of the account’s main blog page and full size at 640 x 640 pixels on the dedicated contest page. This image can be uploaded independently of the long form contest poster.
Square Image – 640 x 640 pixels. Maximum file size of 5MB. JPG, GIF, or PNG.
Image Size Optimisation for Snapchat
Geofilter: 1080 x 1920
All photos taken in the app are 1080 x 1920. Custom geo-filters must be created in this size to be applied properly on a photo taken within the app.
For this professional social networking platform, you should make sure that all your images are embedded with text to add more contexts.
Also, make sure that you use creativity to showcase the most relevant things about your business and brand in the banner image as well as in your cover image.
It is bound to get you connected and engaged with more professionals. Even from a personal profile perspective, you can leverage the most out of this platform by having creative images to make professionals sit up and take notice.
If you enjoyed this infographic be sure to check out our popular guides on how to start a blog, the best WordPress Hosting and the best blogging sites to create your own blog on.
Jamie Spencer
Latest posts by Jamie Spencer (see all)
- 50+ Ways To Advertise Your Business For Free On The Internet – 2024 Guide - April 5, 2024
- How to Start Your Own Podcast - April 2, 2024
- Uber Stats 2024 – All The Numbers & All The Facts - April 2, 2024
HI, This is such. great value and so well persented- thank you!
One question: is there any ONE size that I can use for FB posts/story, Instagram Post/story and Twitter Post that will always work without having awkward cropping by the app?
I really want to do everything only ONCE and post everywhere.
That could be great help!
Thanks, Jorg
What about the Facebook “about” image on the right just below the main cover image.? I always end up making like 10 images to get it to look right.
Hi and thanks for this cheat sheet! I’m tasked with giving guidelines to departments within my org for the profile photo in the various social media sites.
The problem is some of the logos are cut off within the round profile image. Do you know the margin space for the square image that will be viewed in the round profile format (to ensure the image fits into the round format)? thanks!
I’ve been playing with Facebook cover images for a project for a few days now and I find that at the rather odd and specific 827×306 dimensions there is no wiggle room in the “Drag to reposition” step and a 1px border on the test image displays on all sides (desktop).
As a suggestion, it will be pretty awesome to find also Twitch sizes. :) Thanks for the info!
Should my social media banners be all the same across facebook, twitter, linkedin and youtube?
For brand consistency I would say yes.
Hi Are you going to release templates for all the sizes as well?
Yes.
Whilst your facebook cover photo is correct for desktop, on mobile it ends up chopping off the sides of the image.
The size actually should be. 820 x 461 with a safe zone of 820 x 312 pixels, this way when viewed on a desktop, it will appear as 820 x 312 but when viewing on mobile you will see the 820 x 461 version.
Hi Jamie,
Are you going to release updated templates as well? While not hard to do myself I did find them a time-saver. Thanks
Yes. I will be doing them all this week.
Hi Jamie, I agree with all other replies: great stuff, thanks! Could you give some further guidance regarding Twitter images for mobile? I used 440×220 pixels, and great deliverance for laptop, but bluntly cut off on smart phone… Cheers!
Thanks for the templates!! You are generously awesome.
Thank you so much Jamie! YOU.ARE.A.STAR and you just made my day with this guide. BRILLIANT!
Hi Jamie! I may be doing this wrong, but when I use your template for Facebook-Profile-Template at 160×160, I get an error message on FB that states “please choose a photo that is at least 180 pixels wide.” So I made a new template in Photoshop, 180×180, 300 ppi, sRGB. When I upload that image, I get the message “This photo is small, and your profile picture will be less clear.” Am I doing something wrong here? In the past, I have used an action that sharpened and resized to 2048 x 1365 at 72 ppi and the thumbnail was about the same, but the image was much clearer in the “profile pictures” folder. Can you advise why resizing to 180×180 is best practice?
Wow, this is a FANTASTIC resource, thank you very much for putting this together!
Couldn’t use this information without saying thank you. Pure value to the world. Thank you Jamie, you sir are a legend. :)
Ahh thanks Bobby!
Hi there,
Great infographic, useful stuff in it. One thing to be mindful of are the various platforms branding guidelines. An example from Twitter is here:
https://cdn.cms-twdigitalassets.com/content/dam/brand-twitter/asset-download-zip-files/Twitter_Brand_Guidelines.pdf
In this guide, you’ll find they don’t want you adding gradients to their logo. I discovered this recently after realizing I had been violating the style guides of several platforms while working on my project. Hope you don’t mind the unsolicited advice :)
Thanks Ian.
I will change on the next update.
But the shape is entirely different – and even less logo friendly!
Great stuff – and thank you for putting it all together.
BUT – er, hasn’t Twitter just rendered your info out of date? It now has a roundel for logo / head shot. Nice of them not to tell everyone.
Not really. The image sizes will still be the same.
Thank you SO much! This is very helpful.
Wow! Thank you so much for this great resource! All the best!
Thank you, that was very helpful, everything at one place….
This is so helpful – thank you so much!
Hey this is an awesome resource! Thanks so much for posting. I vlog on YouTube and just started my own website. ZINSWORLD. So this will be very helpful since I do my own graphic design work on photo shop. Good job!
Hey Jamie, we often help our cleints out on a weekly basis with getting the design right on Social Media. I was due to write a blog post on this but really cant fault anything you have here (especially with the constant updates with the ever changing social media platforms). Would you be so kind to let me reference this page in a blog post full link back to this site and credit to the author?
Hi Aaron
You’re welcome to use this on your blog.
Thanks Jamie
We’re having some problems with Twitter images in stream on the iPad – On the web the image work perfectly once resized to the above dimensions but when we view our stream on an iPad the image is cropped again. How can I stop this from happening? Thanks.
I can’t believe their was no mention of Instagram’s 4:5 Ratio option. Which is now become just as popular if not more than 1:1 Ratio. 4:5 Ratio is 1080×1350 Pixels.
Very poor post. Your Facebook guide is outdated and the sizes are not fit to all the cover photo like pages, groups events etc. Your cover photo size is not responsive. They cut off on the mobile devices.
Thanks for the feedback, but you are wrong. The Facebook guide is spot on.
Kudos Jamie.
That’s likely the best one I’ve found so far.
Thanks for sharing
Pinterest images seem to be resized to 564px width now (Feb 5, 2017).
Thanks, this helps a lot. But doesn’t Facebook still have the 20% text rule when creating graphics aside from the cover photo?
extremely helpful! thank you for sharing.
Hi Jamie,
Great work! I work for the IDM and we provide marketing content. I would love to reference this article for one of our online courses (of course link back to you and we reference according to Harvard style). However, I have to make you as the author aware because the content sits behind a password protected log in.
Please let me know whether I can reference this article or if there is any more info you need!
thanks,
Ludo
Hi Ludo
That’s fine. Thanks for letting me know. Hopefully ppl will find it a valuable resource.
All the best
Jamie
Hi Jamie, I just posted a Pinterest pin (photo) to Facebook but the photo appears significantly zoomed in on Facebook, so a lot of the photo is not visible. I’m a novice when it comes to image sizing so am wondering if you have any tips for how to size a Pinterest picture so that it doesn’t get cut off on Facebook?
Please upload an PDF.
Awesome! Is the HTML code correct? It doesn’t seem to be loading properly when I add it to my site. The title and your website as a reference loads, but not the images.
Thanks Amy. Should be working now.
Hi Jamie, thanks for updating the image sizes. Very useful to me.
Off to share your post.
Thanks for this compilation. Very helpful for designers. Any plans to include dimension for Flickr header images? My online research comes up with conflicting information and I’ve been struggling to figure out dimensions for my page header image. Flickr does a weird thing with resizing and cropping.
Thanks save me alot of time. Am planning linking this on my site.
Really thank you! Must have taken some time. A real asset! Have subscribed to your newsletter. Cheers.
Helpful, thank you!
Image quality for this cheat sheet would be better as png or gif. PNG 8 bit may be enough…
I don’t think so. Jpg is the best format for infographics.
That’s great, Jamie. Thank you. Really appreciate your feedback. I’ll make that my default action.
And yep, I always use RGB. It’s kinda liberating for an ex print guy. I don’t miss CMYK one bit!
No one ever seems to mention what DPI/PPI we should save our images at (for our social media assets)… nor the ideal file size. So that’s my question. Are we talking 72ppi or 150ppi or even 300ppi? And what’s the range when it comes to file size?
Mark
DPI/PPI are relative to printed images and therefore are irrelevant. Pixels are all you ever need to think about. To determine how big an image should be on your website, you have to know what size in pixels it needs to fill.
Well unless you’re using a vector format like SVG… are you?
Jamie
Cheers for getting back to me Jamie. Much appreciated. And gotcha…
I do use some SVG’s, yep. But as for JPG’s, I’ve always gone with 72ppi images in the past. However, there’s been a suggestion that I save at 150ppi in future (to account for retina). Please bear with me. I come from a print background, so without being told what PPI an image should be when I make it in Photoshop—or more to the point, save it from Photoshop—I feel lost at sea.
As a result, when I save for a full-width section/background image for a web page, my average image is 1920px x 1280px (now at 150ppi). I use the Save for Web dialogue and set the image to save at around 200k (approx. 60%). It then gets compressed a bit more when it’s uploaded, thanks to Smush.
In the past, I’ve saved JPGs for Facebook profile images at the exact sizes I was advised (180px x 180px @ 72ppi). However, they were visibly low rez and pixelated. So I increased the variables ( to 1000px x 1000px) and, sure enough, it then looked sharp. I can’t remember for sure, but I might’ve even gone with a traditional print ppi of 300. Maybe 150? Either way, the outcome was decent.
I find that when an image is saved to fit the exact space (and at 72ppi)—especially in profile shots—it looks obviously low rez. So how do we combat that? And what default ppi setting should we run with in Photoshop. It has got to be set at something—even if it’s irrelevant for web—so what’s best practice?
Mark
P.S. How does the use of SVG’s differ? DO they need to be exact dimensions and rez?
Set the exact image size in the image options that Photoshop gives you when you start a new image.
I always set the resolution to a minimum of 150ppi when creating images for social platforms. It’s not too big to upload and not too small in terms of quality, and you do get a high quality from this resolution.
Forget about SVGs. Upload as JPG and set the quality to between 80 & 100% when you save to web.
Also make sure your color profile is RGB. SO many save to CMYK and it just makes cyans and magenta almost luminous.
Good luck.
Do you have a recommendation for images on craftsy.com? I’m a budding web developer who is also a designer of craft patterns. Thank you so very much for this article. VERY helpful!
Thanks for making the best social media size reference out there, Jamie! Inevitably things change so here’s a few things I’ve spotted today:
1. The LinkedIn business page cover size is now 1526 x 768
2. The LinkedIn personal profile background size is now 1400 x 425
3. The Photoshop download doesn’t include a file for YouTube channel art
I agree with the previous comments about Photoshop showing the ‘dead zones’, especially for Facebook, Twitter and LinkedIn.
Keep up the great content! : )
Thanks Paul
You’re right, things do change quite a bit. I only updated twice a year. Just about to publish the new one on Dec 1st 2016.
Cheers
Jamie
I’m assuming these are all 72 Res?! Great article! :D
Hi,
180×180 px, too light for Facebook, i send a picture to 250x250px can I reduce my image with the Zoom of Facebook option.
Do you have sizes for Dailymotion?
And covers for personal pages on Tumblr?
Thank you
Hi Jamie,
As of July 2016, Facebook changed the layout for pages. Maybe it is helpful to look it up for this infographic?
Thanks Zomer
I’ll be releasing the 2017 version soon.
Thank you Jamie! Great job and really appreciated. x
Hi Jamie
Thanks for collecting all of this together in one place, really useful, really generous!
One request, if I may, is that it would be great to include areas in the PSD laters to indicate the dead-zones. For example, to show which parts of the facebook cover photo will get cut off in the mobile view vs the desktop.
Cheers,
Matt
Hi, regardless of the sizes recommended I still find my Facebook links’ featured images looking pixelated and ugly (tried 1200 x 627, and the same ratio with 2400 x 1254 and 4800 x 2508). Tried saving as JPG for both Photoshop maximum quality (1.9mb) and high quality (980ikb) as well. Any tips on how I can improve the resolution?
From what I understand in this video, Facebook Open Graph and Twitter Cards are also important for click-throughs on your links. Do you have any info on the image size required for those? Because I’ve seen you mention Open Graph but nothing about the optimal image size for it.
Thanks in advance for any answer!
Suggestion for improvement — include aspect ratio for all non-square images. May be easier to create hi-res originals targeted to a ratio instead of px size, then let the site resize it down.
Do you have the photos dimensions for Google My Business? profile photo, logo photo etc… Thanks.
Hi, the recommended dimensions for the instagram profile picture are 180×180, this is accounting for the size displayed on the web, which is bigger than the one displayed on the mobile app. Great infographic!
Thought some might not have noticed the new Facebook Carousel Ad format which requires images 600x600px.
However, if you create your ad that size you are limited in the amount and size of text (the 20% rule).
However, if you create images the standard FB Ad size (1200×628) and design the part of the image you want to display in the centre section (628×628) , you can add much more text because it’s 20% of the larger image. FB will resize and crop your images to 600×600.
Do you have the sized for LinkedIn company page as well?
Just what I was looking for… thank you!
Is this sizes updated?
Yes they are fully updated as of Aug 2016
Can you update the facebook version for business pages please? Great post. Very helpfull.
Thank you so much for this Jamie. Very detailed article that has become such a valuable resource to me.
I CANNOT BELIEVE you don’t have social share buttons on this kick ass post. You are missing a TON of free traffic and shares brother. I would combine that with a social locker by OnePress to get access to the PSD templates and you’ll get 5X the results too! Thanks for sharing.
I don’t care too much for share buttons. If people really want to share it, they will copy and paste the URL into whatever social platform they use. This piece gets shared many times everyday, so I’m not that worried.
Instagram now allows rectangular photos. I’m not sure of the dimensions or how they work, but I actually came here looking for that info.
Thanks for this it’s been a good use in the past. I’ve just seen they’ve changed the header size for Facebook pages (as of 04/08/16), could you post about the new size? Many thanks :)
Thank you so much for doing this! This has helped me so much as I run various social media accounts and its sometimes hard to keep up with these image sizes.
Thanks, is an amazing guide and all the templates are a fantastic resource. We are in debt to your amazing knowledge!
This is GREAT information. I think that a good addition would be what the mobile versions of each of these sites displays. 2/3 of the visitors to my facebook page are mobile. Today I finally found a template that combined the cover photo dimensions for both mobile and desktop in one template (since one image needs to fit both places). It was a real help, but not as well done as what you do here.
You are a lifesaver! Thank you so much for these.
Thank you Jamie for the information about social media image sizes. It’s quite annoying when they cut an image off and the punch line of the meme is only half shown, This information will come in handy.
A couple Facebook psd template sizes do not match your infographic or text within your web page. Facebook-Profile-Template.psd is 160×160. Infographic and web page text say 180×180. Facebook-Profile-Background.psd is 828×315. Infographic and web page text say 851×315. I haven’t checked all of the psd templates for accuracy. Just Facebook.
According to Facebook, the profile background image should be 828×315. And Facebook also says that the profile picture is 160×160. So in both cases your photoshop templates are correct, and your infographic and web page text are wrong.
Thanks for the heads up Kari. I’ve amended the graphic now.
Hi Jamie, regarding the facebook cover, is the mobile area still 563 x315 px as it was?
What about the different location of the profile picture on a company page (left) vs personal page (centered) on mobile, do you know the dimensions?
Cheers from Portugal!
Thanks Jamie,
You´re PSD files are really helpfull! Can I use your images in my own blog (of course with link to your website). If yes, do you happen to have this d0cument indesign (so I can translate it into Dutch).
Have a nice dag, Pien
Please do so :)
Thank you for updating the informations to 2016. However I have one small suggestion: you could include the name and not only the icon for the social media services because not everyone knows every channel. I know 4 out of them and the rest I can’t even google quickly and need to find out first which logo stands for which service. But otherwise you did a great job!
I would find that helpful too! Thanks for the detailed work that you did on this Jamie. A real lifesaver!
Awesome, thank you! But I have a question for you regarding the Facebook Timeline Photo. I can see Facebook resizes the images at 470 px width in the desktop news feed… How come you recommend 1200x630px images? And where does Facebook displays the timeline photo at 504 px width? Thank you very much!
I see someone else asked this but was never answered… Is there a one size fits all number? TIA
Very valuable information. A Great time saver. Thank you !
Any chance you could add the new image size info from Eventbrite?
Could you also add info about Facebook event covers? The dimensions seem to change frequently. Thanks!
Thank you for this post, have linked to it from my blog.
You have saved me from going bald from pulling my hair out every time I have to share content across different social media channels. :-D
HAHA! Glad to have been of service to you in your hour of need. :D
I do believe Instagram is now 1080 x 1080. As of July 2015.
Ah, you have it as such! I saw this somewhere else where it was 610 or whatever. My bad!
Jamie, excellent job on the infographic! We’re linking to this post in an email that goes to new subscribers of SocialMarketingPlanner.com. Keep up the great work.
Hey, just wanted to let you know that the proportions on your youtube graphic are wrong. The box at the top that you are referring to is not 2560 x 1440. I’m actually not sure which proportions you used for it since it seems to be at a ratio of 221:54.
Hi Jamie, just like Severine, I would like to know if you know the sizes for pictures, when doing an update on LinkedIn (as a company)?
Hi Jamie, my name is Elizabeth, I´m from Puebla, México and I’m working in my university degree, it is a short manual for community management for the advertising agency in my school and I would like to add the images that you are using in the article, so, if they are originally yours, may I use them for it? Thank you! And really nice work, I loved the article :)
Hi Elizabeth. All images belong to me. Feel free to use them.
Thanks
Jamie
Is there one size that would work for all?
Is this sheet also available as a download in High ress?
Facebook cover image is now 828px x 315px.
What size should the tumblr banner image be to fit the same across all platforms without tiling or significantly cutting part of it off?
Hi there,
Regarding LinkedIn, do you have the same information when it comes to the updates and the post section (Pulse), please? Would be extremely useful for individual contributors.
absolutely! Many of these social guru sites totally miss this! And about how ‘featured images’ are dragged in (and how you should prepare for these if you can, including how you design for these eg text in middle of graphic)… ffs!
Please update your Tumblr information. 1) The profile photo (avatar) appears as 64 by 64 pixels (not 128 by 128 pixels) on the Dashboard. 2) The maximum size for avatars is 512 by 512 pixels. 3) Tumblr no longer accepts BMP files. 4) Images now appear as 540 pixels wide (maximum) by 810 pixels high (maximum) on the Dashboard. 5) Animated GIFs must be under 2 MB. Also, the 500-pixel reference is outdated. GIFs can be 1280 x 1920 as long as they are under 2 MB. 6) Finally, consider using the most recent Tumblr “t” logo.from https://www.tumblr.com/logo
Thanks Mykl
Will update shortly.
Hey seems like you know a lot! Do have any tips on getting the header image to be sharp? Referring to the one that lives in right the side panel thing every tumblr is given. It is the one that pops up when you click on somebody’s profile…
Thanks
I normally set it to 300dpi, save as a JPG in RGB and push up the level of quality to 11.
Tumblr just upgraded their gif limit to 3mb :3
What about twitter cards?