The Complete Social Media Sizing Cheat Sheet [INFOGRAPHIC]

The Ultimate Social Media Sizing Cheat Sheet

Different social media platforms have different guidelines and sizing that’s why we always find ourselves  looking for the correct sizing for our Google+ cover pic, Facebook timeline Cover size or the appropriate sizing for the branding and text in the background of your new Twitter profile.

Fortunately, the guys at Luna Metrics got our backs with a one stop shop for all for all of our 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.

Social Media Sizing Cheat Sheet – Plain Text

Prefer text for easy copy-pasting reference? Luna Metrics got ya covered too – 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
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
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
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
Album Image Preview type 2
398 x 264 pixels
Three 129 x 129 pixel boxes underneath
Album Image Sizing type 3
196 x 196 pixels
Two preview images
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
Brand Banner
835 x 90 pixels
Only available to select Twitter partners
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
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
Profile Picture In Stream
48 x 48 pixels
Shared Images
497 x 373 pixels
Up to 2048 pixels in lightbox
Post length
100,000+ characters
Cannot edit link Title Tags or Meta Descriptions

Pinterest Image Sizes

Profile Picture
49 x49 pixels
Resized from 160 x 160 pixel profile picture
Pinned Images
600 x Infinite pixels
Pin Description Length
500 Characters
Can include hyperlinks

Since Facebook changes its layout like a girl changes clothes, here’s an updated social media sizing cheat sheet.

Comments

  1. foreverbuckeye says

    can you explain the 90% vs. 65%, 40% and 20% for Twitter backgrounds? I am not sure I get it…sorry, brain not working this morning…

    • FairfieldDining says

       @foreverbuckeye Means that out of the entire population of people visiting your page, 90% of your visitors are “most likely” sporting a resolution that only allows them to see a particular picture size, in this case measured in pixels. Twitter background art is not universal and changes appearance based on individual screen (or monitor) size and resolution

Trackbacks

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>