Quantcast
Channel: Tampa Florida Business Consultant
Viewing all articles
Browse latest Browse all 1078

Social media image sizes: The 2020 cheat sheet

$
0
0

This post was originally published on May 7, 2015, and was updated on Jan. 18, 2018, Dec. 11, 2018, and Dec. 18, 2019.

It’s no secret that a social media presence is a “must have” for ventures of all sizes. One of the best ways to improve your positioning across all social networks is through consistency of voice and branding — this includes social media image sizes.

A top priority should be making sure your voice matches the audience for each social channel; however, providing a consistent appearance for your brand is vital.

One of the best ways to accomplish both of these branding goals is through visual design.

 

As you visit the major social networks, you might see little consistency at first glance. However, as these websites evolve and update their offerings, it becomes easier and easier to use your design skills to create a recognizable brand across the spectrum of sites.

This “cheat sheet” offers you a brief guide to image size recommendations for many of the top social media sites (including Facebook, Twitter, Instagram, LinkedIn, Pinterest, YouTube and Medium).

With this information at your fingertips, you can develop that consistent branding presence while meeting the required dimensions of the website.

The sizing requirements for these sites change regularly. Our cheat sheet assures that you are prepared to stay ahead of the learning curve in 2020.

Please note: We created this cheat sheet assuming that you regularly create images and work on web design projects. You’ll find that we provide the dimensions for each type of image across all networks. For instance, when creating a profile photo, you can create all needed profile photos for your clients at once — meeting the requirements of the site and achieving that branding consistency. This list provides dimensions for the primary design assets of each network.

GoDaddy Websites Plus Marketing Social Media Integration
If you design websites using GoDaddy Websites + Marketing, social media integration is baked-in. And if you need a little help growing your social networks, GoDaddy Social has your back.

Related: How to create a social media content calendar

Profile picture size

In many cases if you develop a single square “profile picture” that scales appropriately for the sizes below, you’ll be able to streamline the process for making updates across all the networks.

 

Social site Image size
Twitter profile picture size 400px x 400px
Facebook profile picture size 170 x 170 pixels on desktop
128 x 128 on smartphones
Instagram profile picture size 110px x 110px (min.)
Pinterest profile picture size 165px X 165px
LinkedIn profile picture size 400px x 400px
300px x 300px (company logo)
60px x 60px (square logo)
YouTube profile picture size 800px x 800px**
 Medium profile picture size 60px x 60px (publication avatar)
1000px x 500px (max.) (logo image)
 Tumblr profile picture size 128px x 128px
 TikTok 200px x 200px

** YouTube calls these “channel icons.”

Profile picture sizes

  • Twitter profile picture size: 400px x 400px
  • Facebook profile picture size: 170px x 170px pixels (desktop) and 128px x 128px (smartphones)
  • Instagram profile picture size: 110px x 110px (min.)
  • Pinterest profile picture size: 165px x 165px
  • LinkedIn profile picture size: 400px x 400px, 300px x 300px (company logo), 60px x 60px (square logo)
  • YouTube profile picture size: 800px x 800px
  • Medium profile picture size: 60px x 60px (publication avatar), 1000px x 500px (max.) (logo image)
  • Tumblr profile picture size: 128px x 128px
  • TikTok profile picture size: 200px x 200px

Related: How to design a logo in 12 steps

Cover photo/header image

GoDaddy Twitter Homepage Shows Hero Image and Logo

The cover photo or header image is the big hitter on most of these networks. In contrast to the profile images, which are typically square, the various social sites have widely varying sizes for their cover images. Here are a few tips to remember:

  1. You’ll probably want to go with a .png file, instead of a .jpg.
  2. Since these images are often cropped or covered with other interface elements, put the important components of your design in the center of the image, and double-check that key parts of the image aren’t covered up when used in production.
Social site Image size
Twitter 1500px x 500px
Facebook 820px x 312px
Pinterest 222px x 150px (board cover image)
LinkedIn 1584px x 396px (background or cover image), 1536px x 768px (business cover image), 646px x 220px (banner image for company pages), 1128px x 376px (hero image)
YouTube Display varies by device; 2560px x 1440px (desktop), 1546px x 423 px (safe area for mobile and web, without text and logo cropping)
Tumblr 3000px x 1055px
Medium 1500px x 750px (min.*)
TikTok 900px x 300px

* Medium recommends you upload the largest image you can, maintaining a 2:1 width-to-height ratio.

Cover photo sizes

  • Twitter header: 1500px x 500px
  • Facebook cover photo size: 820px x 312px
  • Pinterest board cover image: 222px x 150px
  • LinkedIn: 1584px x 396px (background or cover image), 1536px x 768px (business cover image), 646px x 220px (banner Image for company pages), 1128px x 376px (hero image)
  • YouTube cover photo: Display varies by device; 2560px x 1440px (desktop), 1546px x 423px (safe area for mobile and web, without text and logo cropping .
  • Tumblr header: 3000px x 1055px
  • Medium background image: 1500px x 750px
  • TikTok 900px x 300px

Related: How to use stock photos to make autumn website banners for free

Content images in the posts themselves

Rich content sharing, including image sharing, is increasingly important across social networks. Creating imagery that is the right size for the network minimizes distortion and unexpected cropping.

Social site Image size
Twitter 600px x 335px
Facebook 1200px x 630px
Instagram 1080px x 1080px
Pinterest 236px x scaled height (expanded pin)
LinkedIn 1104x x 736px (personal profile, company page)
YouTube 16:9 aspect ratio (video); to qualify for HD: 3840px x 2160px
Medium 1400px wide (full column-width), 2040px wide (out-set), 500px wide (screen-width)
Tumblr 500px x 750px
TikTok 1:1 or 4:5 aspect ratio (video); 1080px x 1920px

Shared images sizes

  • Twitter: 600px x 335px
  • Facebook: 1200px x 630px
  • Instagram: 1080px x 1080px
  • Pinterest expanded pin: 236px x scaled height
  • LinkedIn personal profile / company page: 1104x x 736px
  • YouTube: 16:9 aspect ratio (video); to qualify for HD: 3840px x 2160px
  • Medium: 1400px wide (full column-width), 2040px wide (out-set), 500px wide (screen-width)
  • Tumblr: 500px x 750px
  • TikTok 1:1 or 4:5 aspect ratio (video); 1080px x 1920px

Related: How to optimize images for the web

Shared link graphic sizes

One of the common questions that we hear is “why is Facebook choosing that image on this link?” or “why don’t my share images look the way they are supposed to?” There are typically two reasons for this. First, you need to make sure the social network knows which image you want it to highlight when you share a link. This is typically done with Open Graph tags or other metadata.

Secondly, you need to make sure the images included in a page or post are the size that the social network expects. If the shape of image isn’t right for the social network, it will often distort or ignore that image.

Social site Image size
Twitter 800px x 418px (1:91:1 aspect ratio)
Facebook 1200px x 630px
Instagram 110px x 110px (photo thumbnails)
1080px x 1920px (Instagram stories)
Pinterest 735px x 1102px (pin preview); 600px x 600px (board display)
LinkedIn 1104px x 736px
YouTube 1280px x 720px (custom video thumbnail)
Medium Will pull story header or profile image*

* To make an image in your Medium story a clickable link, click on it, giving it a green border, and then press Ctrl + K / Cmd + K.

Shared link graphic sizes

  • Twitter: 800px x 418px (1:91:1 aspect ratio)
  • Facebook: 1200px x 630px
  • Instagram photo thumbnails: 110px x 110px, 1080px x 1920px (Instagram stories)
  • Pinterest: 735px x 1102px (pin preview); 600px x 600px (board display)
  • LinkedIn: 1104px x 736px
  • YouTube custom video thumbnail: 1280px x 720px
  • Medium: Will pull story header image or profile image

Related: What you need to know about open graph tags

But wait — there’s more!

The visual side of social is always evolving. Here are some additional resources that dig deeper into all of these areas:

Facebook help center
Instagram images
LinkedIn profile picture dimensions
LinkedIn Company Page image dimensions
Medium image sizes
Medium Publication Images
Customizing Your Twitter Profile
Creating Channel Art for YouTube
YouTube Video Resolution
YouTube Channel Icon Image
TikTok Support

The post Social media image sizes: The 2020 cheat sheet appeared first on GoDaddy Blog.


Viewing all articles
Browse latest Browse all 1078

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>