This is “The Ridiculously Exhaustive Social Media Design Bluprint”, created (and updated as of May, 2013) by Tent Social. I’m not quite sure if it’s truly an infographic as much as a design style guide, but considering how wide the definition of Infographic is reaching, we’ll accept it for that. More importantly, it’s a very handy at-a-glance view of all of the best practice sizings for all of the most popular social media that has size requirements, including PINTEREST and INSTAGRAM, where the pictures you upload might not have standards, but the headers do.

 

Here are the breakdowns of the sizes:

Social Media Dimensions Quick Reference

[toggles behavior=”accordion”]
[toggle title=”Facebook Dimensions”]

  • Facebook Cover photo: 851 x 315
  • Facebook Profile photo: 180 x 180[/toggle]

[toggle title=”Twitter Dimensions”]

  • Twitter Header image: 520 x 260
  • Twitter Profile image: 81 x 81[/toggle]

[toggle title=”Google+ Dimensions (updated 05.15.13)”]

  • Google+ Cover photo: 2120 x 1192
  • Google+ Profile photo: 270 x 270[/toggle]

[toggle title=”LinkedIN Dimensions”]

  • LinkedIN Cover photo: 646 x 220
  • LinkedIN Profile photo: 100 x 60[/toggle]

[toggle title=”Pinterest Dimensions”]

  • Pinterest Profile Photo: 160 x 165

[/toggle]
[toggle title=”Instagram Dimensions”]

  • Instagram Profile Photo: 110 x 110

[/toggle]
[toggle title=”YouTube Dimensions (updated 05.15.13)”]

  • YouTube Cover Art: 2560 x 1440
  • YouTube Cover Art Safe Area: 1546 x 423

[/toggle]
[/toggles]

The Social Media Design Blueprint

– – – –

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=”http://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=”http://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=”http://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=”http://tentsocial.com/blog/bid/267887/The-Ridiculously-Exhaustive-Social-Media-Dimensions-Blueprint-INFOGRAPHIC”>Social Media Design Dimensions</a></p>
</textarea>

Social Media Design Dimensions – An infographic by the team at Social Media Design Dimensions

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

Tags