BLOG

    Get social with us

    Download the Free Social Media Blueprint

    Social in your inbox

    Get Social on Facebook

    Current Articles | RSS Feed RSS Feed

    The Ridiculously Exhaustive Social Media Dimensions Blueprint [INFOGRAPHIC]

    Tweet
     

    Updated May 15, 2013
    design blueprint header

    Like all new technology, social media changes fast. Very fast.  Just trying to keep your head around all of the different platforms, how to approach them and, of course, how to design for them can be a full time job.  It would be nice if all of the platforms used the exact same dimensions and you could just swap photos between them all so that your brand has a nice consistent look across the board.

    Unfortunately, this is not the case. Social media has proven itself as a crucial component of a brand's marketing mix, but with the many different platforms, it can be very difficult to put forth a consistent brand image online.

    For that reason, we put together 'The Ridiculously Exhausitive Social Media Design Blueprint'.  It features all of the major design dimensions for all of the major platforms, including Facebook, Twitter, Google+, LinkedIN, YouTube, Pinterest and the most recent entry, Instagram.

    Bookmark this page, download it and share it on your own blog, give it to your designer, agency or whoever is involved in your social media efforts.  Trust me, you will come back to this over and over again.

    We are constantly updating this to make sure it contains only the latest and most accurate social media dimensions, so subscribe to our blog to ensure you keep up to date on the latest. Also, if you have any suggestions that would make this guide better, please leave your suggestions in the comments.

    Since there is a lot of detail in the below infographic, we have also provided a quick reference guide below for some of the most commonly used dimensions. Enjoy and get social!

    Social Media Dimensions Quick Reference  

    Facebook Dimensions

    • Facebook Cover photo: 851 x 315
    • Facebook Profile photo: 180 x 180

    Twitter Dimensions

    • Twitter Header image: 520 x 260
    • Twitter Profile image: 81 x 81

    Google+ Dimensions [updated 05.15.13]

    • Google+ Cover photo: 2120 x 1192
    • Google+ Profile photo: 270 x 270

    LinkedIN Dimensions

    • LinkedIN Cover photo: 646 x 220
    • LinkedIN Profile photo: 100 x 60

    Pinterest Dimensions

    • Pinterest Profile Photo: 160 x 165

    Instagram Dimensions

    • Instagram Profile Photo: 110 x 110

    YouTube Dimensions [updated 05.15.13] 

    • YouTube Cover Art: 2560 x 1440 
    • YouTube Cover Art Safe Area: 1546 x 423
    To embed on your website, copy the following code. This will ensure the version on your website is always the latest updated version:

    <img src="https://tentsocial.com/Portals/196912/images/social_media_design_blueprint21.png" width="540">
    <p>Social Media Design Dimensions - An infographic by the team at <a href="https://tentsocial.com/blog/bid/267887/The-Ridiculously-Exhaustive-Social-Media-Dimensions-Blueprint-INFOGRAPHIC">Social Media Design Dimensions</a>
    <h2>Embed Social Media Design Dimensions on Your Site: Copy and Paste the Code Below</h2></p>
    <textarea>
    <img src="https://tentsocial.com/Portals/196912/images/social_media_design_blueprint21.png" width="540">
    <p>Social Media Design Dimensions - An infographic by the team at <a href="https://tentsocial.com/blog/bid/267887/The-Ridiculously-Exhaustive-Social-Media-Dimensions-Blueprint-INFOGRAPHIC">Social Media Design Dimensions</a></p>
    </textarea>

    If INFOGRAPHIC does not appear on mobile, view as a PDF here.

    social media design blueprint2

     Love the design of this infographic?  Visit Curious Ink, our partner design agency, they'll hook you up!

     

    Comments

    Hey, this is brilliant! Anyway we could get it as a .psd or .ai?
    Posted @ Monday, March 18, 2013 9:30 AM by tasook
    Will you be updating this to reflect the new Google+ layout including the circle?
    Posted @ Wednesday, March 20, 2013 5:10 PM by Anthony Lujan
    Hi Anthony, An updated version with Google+, YouTube and Facebook is coming soon. Stay tuned!  
     
    Tasook, I'm glad you like it! Unfortunately, we only provide our free online resources as PDFs or PNGs.
    Posted @ Wednesday, March 20, 2013 9:38 PM by Jeff Berezny
    This is a great resource for anyone who cares about their social media presence. Thank you so much for your time and efforts!
    Posted @ Friday, March 29, 2013 2:18 PM by Chris Stephens
    Will you be updating the Facebook dimensions with the single column timeline?
    Posted @ Thursday, April 11, 2013 11:04 AM by Jonna
    Hi Jonna, updates are coming soon for Google+, YouTube and Facebook. Stay tuned! - Jeff B.
    Posted @ Monday, April 15, 2013 1:32 PM by Jeff Berezny
    How soon are those updates coming that you posted about on April 15? I'd like to share this with my staff, but not before the G+ updates are on it so they don't get confused. Thanks!
    Posted @ Thursday, May 09, 2013 11:54 AM by Maura
    Hello all, 
    Thanks for your interest in our design infographic. Just posting to let everyone know that it has been updated with new Google+ and YouTube dimensions. I've also provided an embed code that you can put on your blog, so you always get the latest updates. Enjoy!
    Posted @ Wednesday, May 15, 2013 6:53 PM by Jeff Berezny
    I love this, good information! Just to note tho, there's a typo under the Facebook Sponsored stories...one block says "sponsord" :)  
     
    Thanks for sharing!
    Posted @ Thursday, June 06, 2013 3:02 PM by Nichole
    This is beautiful, Jeff! 
     
    I'm sure you're on top of this with a coming update, but Twitter is now suggesting header graphics with 1252x626 pixels. 
     
    Thanks again for making this available.
    Posted @ Monday, June 10, 2013 7:31 PM by Brent Reader
    Thank you, thank you, thank you, x1000! I am self-employed and I do all my own design work. You just saved me HOURS. Now I am off to improve my social media look. Thank you so very much.
    Posted @ Sunday, June 16, 2013 12:09 PM by Laura Nadine
    This is amazing! Do you have in a printable format? Thanks!
    Posted @ Monday, June 17, 2013 2:11 PM by Elizabeth Raflowitz
    Hi Elizabeth, thanks! We're glad you like it. We don't currently have it available in printed format, but it is coming soon! If you subscribe to our blog, you will be notified when it is released. Cheers, Jeff B.
    Posted @ Monday, June 17, 2013 3:40 PM by Jeff Berezny
    Would be great to have this in PDF
    Posted @ Tuesday, June 18, 2013 2:53 AM by Paul Loraine
    Hi Paul, 
    If you click on the infographic itself, it will link to a pdf version. A printable pdf is coming soon!
    Posted @ Tuesday, June 18, 2013 10:24 PM by Jeff Berezny
    This is great, thanks for sharing! 
     
    What does "Screen Resolution 90% = Visible 78 px" for Twitter mean?
    Posted @ Wednesday, June 19, 2013 1:44 AM by Thomas
    Fantastic this is the best I've seen thanks for sharing. Tried to add the code to my website but it wouldn't work as wanted to share it will try and work it out!
    Posted @ Wednesday, June 19, 2013 11:37 AM by Emma Burford
    This is brilliant - have clipped it to Evernote for reference :) 
    Posted @ Thursday, June 20, 2013 7:17 AM by Rachel
    Thank you so much! For a solopreneur active on social media, trying to keep up with this kind of info is a nightmare. You have made it so easy I can't believe it, and you've saved me countless hours and a truckload of frustration. I'm sharing this on my blog immediately!
    Posted @ Thursday, June 20, 2013 11:35 PM by Kemya Scott
    Great overview. Too bad it does not show the new Google+ and the new YouTube One Channel yet... Otherwise I would publish it.
    Posted @ Monday, June 24, 2013 9:26 AM by Arne Hulstein
    This is a great resource! Thank you for your efforts in creating and keeping it up to date. It saves me a lot of time. Can't wait for the printable PDF!
    Posted @ Saturday, July 06, 2013 8:58 AM by Paul Robbins
    It would be good if you added "Game Mode" layout details for Facebook as well. Game mode is quiet different. Thanks.
    Posted @ Wednesday, July 24, 2013 10:54 AM by Ozgur Soner
    Hi Ogzur, 
    Thanks for the comment. We will take a look and see what we can do for the next version.
    Posted @ Wednesday, July 24, 2013 11:41 AM by Jeff Berezny
    Hi Jeff, This is such a helpful graphic! Thank you for creating it! I have a question about the Google+ profile image size though. When I measure the image on my computer screen it is showing at 100 x 100px, not 270px. Is the 270 x 270 px a suggested upload size? I also had the same question about Twitter that Thomas asked above if you wouldn't mind clarifying that as well. Thanks so much!
    Posted @ Wednesday, July 24, 2013 2:27 PM by Ashleigh Verdier
    Gain More Instagram Followers  
     
    Excellent post. It makes me realize the energy of words. I learn a lot, thank you! Wish you make a further progress in the future.  
    Posted @ Thursday, August 22, 2013 7:52 AM by Sam Dena
    Thanks a lot. I searched how to know the applicable size of Facebook cover photo. So last i fount it here...
    Posted @ Tuesday, August 27, 2013 4:59 AM by chamal
    DVD Replication Services  
     
     
    Really i appreciate the effort you made to share the knowledge.The topic here i found was really effective to the topic which i was researching for a long time. 
     
    Posted @ Thursday, September 05, 2013 7:57 AM by CD Duplication
    I am sick to death of reading Blogs with low quality content and I am so glad that I found your article today. It has certainly cleared a lot of things up for me
    Posted @ Saturday, September 07, 2013 4:12 AM by Instagram Followers Cheap
    More Followers Instagram  
    It’s really a great and helpful piece of info. I am glad that you shared this helpful info with us. Please keep us informed like this. Thanks for sharing. 
    Posted @ Wednesday, September 11, 2013 1:30 AM by IG followers
     
     
    Great to know the -- in depth from this blog.This will really help for my forward steps to be taken. 
    Posted @ Friday, September 13, 2013 3:41 AM by Buy Youtube Views
    That's one huge list and most importantly very useful. Thank you!
    Posted @ Tuesday, September 17, 2013 2:39 PM by Imran
    I am looking for some help for my online coursework and I am glad that I landed on your page. I am happy to read this article because it is really useful to me. And oh! I am also doing a presentation and this will really help me a lot!
    Posted @ Wednesday, September 18, 2013 9:44 PM by lolashine
    Awesome thanks 4 sharing
    Posted @ Monday, September 30, 2013 1:59 AM by ShaKeeB
    This is really usefull!! thanks for this amazing work!!
    Posted @ Monday, October 07, 2013 5:21 AM by Paula Rocha
    Post Comment
    Name
     *
    Email
     *
    Website (optional)
    Comment
     *

    Allowed tags: <a> link, <b> bold, <i> italics