If you’ve been active on social media for a while, or you just made your accounts, you’ll realize that when it comes social media, visual content and social media go together like French fries and dip sauce, and all comes down to the last pixel.
Social networks are constantly adding up more features, visual elements, and it seems like every day when you wake up, you see a new element or iteration being made to the social networks you are active, making you go back and figure out the right size of cover images, post images and align your campaign according to the latest set of changes.
It has become extremely difficult for businesses to stay on top of all of these changes, and we see a lot of people asking, what should be the size of my Twitter Header? Can I post the same picture on Twitter which I shared on my Facebook feed? Can I add call to action on my cover?
Anytime you want to make a new visual piece you have to search on Google for dimensions of different social networks. Lucky for you, we’ve made this Infographic, which will be your cheat sheet when you are designing timeline or header covers or Facebook ads or a LinkedIn Company header.
You’ll get a detailed guide on the image specs and size on the seven most popular social networks, all in one place just below this guide.
Share this Image On Your Site
1) Facebook
If you are on Facebook, you’d be anticipating the new Facebook page design to be rolled out for your page very soon.
A lot of pages have already been switched to the new design, and Facebook has prompted businesses to make the switch now, and they plan on make this change applicable to all pages on 5thJune, 2014.
We suggest looking at the latest round of changes and prepare to adapt your brand page to the latest set of changes.
1) Cover Photo
The main cover photo size remained the same in this update, which is 851px x 315px. However, it is recommending uploading an image 2x the size so it doesn’t lose quality when compressed. The main change in this update is that the elements have been moved inside as you can see in the above image.
At first, it won’t look prominent, but If you go back and compare your old page to any new page you’ll see that the new elements affect the cover design and any text or graphic that you might have in that area will have to be redesigned.
Below is an overview of the revised Timeline Cover section:
The name of your Facebook Page is next to the Profile Picture/Logo inside the cover.
The “Category” of your Facebook Page is also inside the Cover, making it a lot prominent. Make sure to review if you’ve selected the right category.
The “Like” and “Following” buttons, that used to be right below the Cover, are also inside, and the “Message” button has been added, as well as the dropdown for Report Page, Share and Create a Page.
The Profile image displays at 160x160px but the recommended upload is 180x180px.
2) Post Images
As the Facebook pages had two columns before the individual width of each column was a bit small as you can see the old image post is 377px wide.
The new layout consists of a single streamlined column feed, so they’ve increased the size by a little more than 100px making it 484px.
Here are the new dimensions for each type of content:
Link post: 484x252px – Recommended upload remains the same 1200x600px
Image post: 504px wide – Recommended upload: 1200x1200px
Video: 504x283px
3) Tab Thumbnails
The Tab thumbnails, as we all know them, have been relocated to the sidebar. The dimensions are still the same 111x74px.
2) Google+
Google+ is a really powerful social network and has really powerful communities just like Facebook and LinkedIn Groups. Google+ has rolled out multiple changes to their design elements and the most recent one has been stable, and we’ve covered it in our Infographic below.
Here is a rundown of the elements:
1) Photo
The profile picture is displayed in a circular frame. The recommended size is 270 x 270. However, if the logo doesn’t turn out well you can try uploading a larger size image so that the edges will be cut off and fit in the circle.
2) Cover Photo
Google+ Cover photo is the largest of all the social networks that offer the cover images for profile. The cover photo size is 2120px x 1192px.
The image must be uploaded at 16 : 9 ratio otherwise you can crop it. As the cover image gets cropped on mobile and smaller screens so the most important information such as logo, tagline or call to action should be in the top middle next to logo in the center so it doesn’t get cropped.
3) Status Update
You have up to 100,000 characters & hashtags when updating your status on Google+.
4) Shared Link
Sharing a link on Google+ will generate a square thumbnail measuring 150 x 150 pixels.
5) Shared Image
A shared image on Google+ will be displayed at 497 x 279 pixels. The image can be uploaded and viewed up to 2048 x 2048 pixels.
6) Shared Video
Uploading a video on your Google+ profile will measure 497 x 279 pixels.
3) Twitter
Twitter rolled out new design for profiles, which is available for all profiles now. Again, the cover photo size has increased, and we are seeing this a lot as all social networks are focusing on large visuals.
1) Profile Photo
The new profile photo size is 400px x 400px, try uploading a picture with 2x size so that it doesn’t lose the quality. Also when the profile picture is clicked, it pops up in a window with size close to or more than 450x450px.
2) Header Image
The header image is one of the most prominent features in the latest design and a great way to use call to action on the profile page instead of the small header cards that were available in the previous design.
The recommended dimension of header image is 1500px × 500px, maximum file size of 5MB. You can update your header image from the top drop-down menu.
3) Shared Image
When twitter first launched it was just 160 characters that one could use, however, as the network evolved, they’ve introduced visual elements. Now users can upload images with their tweets, which help in higher click through rate. The ideal size of the shared image with tweet is 590px x 295px.
4) Instagram
Instagram photos are uploaded through mobile application. However, we’ve featured the hack that allows uploading Instagram photos from desktop.
1) Profile Photo
The new profile photo size is 110px x 110px; this is uploaded from smartphone itself.
2) Instagram Upload Image
The header collage section shows two sizes of images. The small thumbnail size is 205px x 205px, and the large thumbnail size is 410px x 410px.
The lightbox preview is 612px x 612px. The max resolution is 2048px x 2048px which varies by the device.
5) Pinterest
Pinterest is the mother of visual social media marketing for me. As It is purely and solely built on imagery. While Instagram is built on photos too, but Pinterest is more public and suitable for businesses as you can curate and upload all kinds of images.
1) Profile Photo
Pinterest profile photo size is 160px x 165px; you can upload either logos or headshot here.
2) Pinterest Boards Thumbnail
Pinterest boards have small cover photo, which is 225px x 150px in size. You need to upload few pins before you get the option to upload a cover so don’t panic. If you’ve just made a Pinterest profile and want to add covers.
3) Enlarged Pin
Individual Pinterest pins are unique as they offer indefinite length; the image size is 500px x indefinite px.
6) LinkedIn
LinkedIn is a place where professionals hangout and as professional yourself, you need to showcase your products or service in the best manner. Below is the cheat sheet of company page.
1) Logo
There are two types of logos, the horizontal logo dimensions are 100px x 60px; the square logo is 50px x 50px.
2) Banner Image
The company page has banner image or cover image under the logo which is 646px x 220px.
3) Careers Page
The company page has a job section to post job openings. The cover photo size of careers section is 974px x 238px.
4) Products & Services Page
The products and services’ tab on the company page has covered photo size i.e 646px x 220px.
7) Youtube
Youtube channel pages allow artwork, which is quite tricky as the image resizes a lot. Here are the
1) Cover Photo
The cover art size is 2560px x1440px. However, this size is for the TV, on the desktop the visible section is 2560px x 423px, and it goes down on smaller screen sizes.
Social Media Design Sizing Cheat Sheet
Facebook
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
Twitter
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
LinkedIn
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
Pinterest
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
The post The Essential Social Media Design & Sizing Cheat Sheet appeared first on .