Social media website images: cheat sheet with measurements & guides 2017
Let’s face it, it’s hard to keep up with what sizes of images work across all of the different social media websites – you’d think they’d think about some kind of standardisation, wouldn’t you?
Well, that’s unlikely so we’ve made this very handy guide for the main social media websites with the measurements for their image areas (desktop, tablet and mobile views) where there’s a difference that you can control. Yes, they are all different.
We are going to cover:
- Google+ (if you really must)
Of course, there are others, but looking back over the last 2 years, these are the ones that have the highest volume of users and have also changed their sizes and layouts the most. Interestingly, some platforms have changed their layout for just a segmented group of users with a particular build of their app (those who have an older or very new updated version of their app).
As a flat rule, when it comes to images for the header areas and logos, we always recommend uploading a PNG format. It’ll scale better and be sharper on retina screens. For other images that are used in posts and updated, JPGs are still fine.
The measurements are how the images are displayed on the sites. Most of the sites perform image optimisation to varying degrees so we recommend uploading the image in the correct aspect ratio but a little larger. e.g for the Facebook profile image that’s displayed at 170w x 170h pixels, we recommend uploading it at 400px wide and high.
Tip: the larger the image you attempt to upload, the higher the amount of optimisation is done (reduction in quality to make it load quickly) so don’t go uploading a 2000px square image – it won’t make it any better and you’ll run the risk of it being too big anyway.
We recommend uploading it at the correct size – you’ll see the best results.
Also, if colour is important to you, make sure the image format is RGB and not CMYK or the colours will go a little muddy. Read our previous article on colours and the web here.
As we write this post, we have become aware that both Linkedin and Facebook are trialling new sizes for some users with certain builds of the app and also regional desktop logins. This means that the company profile page image measurements will most likely change later in 2017. We’ll update this post when those measurements become formalised.
Cover Photo: 820w x 312h pixels (640w x 360h pixels on mobile). Must be at least 399w x 150h pixels.
Loads fastest as an RGB JPG file and less than 100kb in file size.
For profile pictures and cover photos with your logo or text, you will get a better result by using a PNG file.
Profile picture: 170w x 170h pixels
Shared photo: 1200w x 630h pixels
Mobile cover photo displays at 640 x 360
Profile Photo: 400w x 400h pixels
Header Photo: 1500w x 500h pixels
In-feed images: 440w x 220h pixels
Background image to company page: 1400w x 425h
Standard logo: 400w x 400h pixels
Profile image: 400w x 400h pixels
Cover image: 974w x 330h pixels
Banner image: 646w x 220h pixels
Channel Cover Picture:
2560w x 1440h pixels (desktop)
1855w x 423h pixels (tablets)
1546w x 423h pixels (mobile)
2560w x 1440h pixels (for TV)
Videos are displayed as: 1280w x 760h pixels
Profile image: 110w x 110h pixels
Photo Size: 1080w x 1080h pixels
Photo Thumbnails: 161w x 161w pixels
Remember, all images on Instagram display square so bear that in mind when uploading images where content runs to the edges of the photo
The last one is Google+. Speaking candidly, with Google’s move over towards the Google My Business method of display that just shows a shorter block of information that the searcher really only needs to see, the G+ pages are fast becoming redundant. However, here are the measurements for you to manage your images on your G+ profile page:
Profile Image: 250w x 250h pixels
Cover Picture: 1080w x 608h pixel
Shared image: 497 x 373 pixels