Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chuckreynolds/social-profile-image-sizes

Social media profile image size reference guide. Open Graph, Twitter Cards, etc.
https://github.com/chuckreynolds/social-profile-image-sizes

ogp ogp-meta opengraph

Last synced: 8 days ago
JSON representation

Social media profile image size reference guide. Open Graph, Twitter Cards, etc.

Awesome Lists containing this project

README 

        
# Social Media Image Sizes Reference Guide



This is an always up-to-date quick reference guide to social media image sizes for proper profile building, image and link sharing, and new posts. (_References and sources listed at the bottom_). Is something outdated? Want to add info? See: [Contributing]



[Contributing]: https://github.com/chuckreynolds/social-profile-image-sizes/blob/master/CONTRIBUTING.md



![Social Media Image Sizes Reference Guide](https://raw.githubusercontent.com/chuckreynolds/social-profile-image-sizes/master/socialmedia-img-sizes.png)



## X (formerly Twitter) Image Dimensions

* Header Image - 1500 x 500

* Profile Photo - 400 x 400

* Post Image - 1024 x 512 (displays inline as 506 x 253)

* Twitter Card: _twitter:card = summary_ - 1:1 (144 x 144 min, 4096 x 4096 max)

* Twitter Card: _twitter:card = summary_large_image_ - 2:1 ratio (300 x 157 min, 4096 x 4096 max)



## Facebook Image Dimensions

* Cover Photo (profile and page) - 851 x 315

* Profile Photo - 320 x 320

* Post Link Image (Open Graph) - 1200 x 630 (600 x 315 min)

* Event Image - 1920 x 1080 (400 x 150 min)

* Event Video - 1920 x 1080 or Square (2:1 or 1:1)

* App Icon - 111 x 74

* Note Cover Photo - 1200 x 445



### LinkedIn Image Dimensions

* Profile Background - 1584 x 396

* Profile Photo - 200 x 200 min



  **Linkedin Company / Career pages**

  * Overview Tab, Logo Image - 300 x 300

  * Overview Tab, Overview Tab Image - 360 x 120

  * Overview Tab, Cover Image - 1536 x 768

  * Life Tab, Main Image - 1128 x 376

  * Life Tab, Custom Modules - 502 x 282

  * Life Tab, Company Photos - 900 x 600

  * Company Updates Posts - 1200 x 627 (1.91:1)



### Youtube Image Dimensions

* Channel Banner / Cover - 2560 x 1440

* Video Thumbnail - 1280 x 720

* Youtube Shorts Video - 1080 x 1920 (9:16 ratio)



### TikTok Image / Video Sizes

* 1080 x 1920 (9:16 ratio)



### Reddit Subreddit Icons and Banners

* Subreddit Icon - 256 x 256

* Subreddit Banner - 4000 x 128

* Subreddit Mobile Banner - 1600 x 480



### Pinterest Image Dimensions

* Profile - 400 x 400 (any square, displays as 168 circle)

* Post Image - 1000 x 1500 (2:3 ratio, up to 1560 tall max before gets cut off)

  * _(title: 100 char max - description: 500 char max, first 50-60 show in feed)_

* Article / Shop Cover - 756 x 377

* Board Cover - 377 x 377



### Instagram Image Dimensions

* Recommended 1:1 ratio with a minimum of 600px* width, 1200px recommended. Landscape images with a ratio between 1.91:1 and 4:5 are also supported as of 2015.

  * _If creating an Instagram ad, minimum 1200px width is recommended so it can also be run on Facebook_

* Instagram Story - 1080 x 1920



### Github Profile Dimensions

* Profile (Identicon) Picture - 500 x 500

* Repo Social Preview image - 1280 × 640



### Tumblr Image Dimensions

* Post Image - 1280 x 1920 (500 x 750 min before scaling)



### Medium Profile and Post Cover Image Dimensions

* Profile & Post Cover - 1500 x 1200



### WordPress Plugin & Theme Dev

* Site Icon (Customizer -> Site Identity -> Site Icon) - 512 x 512

* Theme Screenshot Size - 1200 x 900 (_.png preferred_)

* Plugin Icon Sizes - 256 x 256, and 128 x 128

* Plugin Header Sizes - 1544 x 500, and 772 x 250

* *(general info here: theme screenshot.(png/jpg) goes into theme root. plugin images go into an /assets/ directory as such: banner-1544x500.png, banner-772x250.png, icon-128x128.png, icon-256x256.png)*



### Twitch.tv Channel Design

* Profile Banner - 1200 x 480 (<3Mb)

* Panel Images - 320 x 300 max

* Video Offline Banner - 1920 x 1080 (or 1280 x 720 aka 16x9 ratio)

* Subscriber Emoticons - 28 x 28, 56 x 56, and 112 x 112 (png, 25kb or less each)

* Subscriber Badges - 18 x 18, 36 x 36, and 72 x 72 (25kb or less each)



### Gmail (Google Apps)

* Header Logo  - 320 x 132 (png, 35kb or less)



### Google Local Business Center

* Profile image – 500 x 500 (250 x 250 min)

* Cover photo – 960 x 540 (min 480 x 270)

* Biz photos - 720 × 540 min



### SoundCloud

* Profile & Tracks - 1400 x 1400 (800 x 800 min)



### Nextdoor

* Profile Image - 120 x 120 min (any square resizes)

* Profile Summary Header - 578 x 116 (will crop to this size)



---



# Why this guide?

It's just a pain to go searching for this information to update company, personal and client profiles and with as much as it changes per site there needs to be one area for it. There are a lot of posts with infographics and too much wording. This is fast and simple. Plus I made it a repo instead of a Gist so people can help me update it. **See: [Contributing]**



### Notes

* As most profile images are square - It's best to just have a 600x600ish image that you can use for all the square profile photos and let the sites resize them to what they want

* All sizes here are in pixels (px)

* If there's a single size listed here, that's the width meaning height doesn't matter in that case



# References

* https://help.twitter.com/en/managing-your-account/how-to-customize-your-profile

* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image (twitter card summary large image)

* https://www.facebook.com/help/125379114252045 (fb cover photo)

* https://www.facebook.com/help/163248423739693 (fb profile pic)

* https://developers.facebook.com/docs/sharing/best-practices#images (fb sharing images)

* https://www.linkedin.com/help/linkedin/answer/49960 (linkedin profile bg)

* https://www.linkedin.com/help/linkedin/answer/70781 (linkedin company pages)

* https://twitter.com/Medium/status/587718302765416448

* https://business.pinterest.com/creative-best-practices/

* https://codex.wordpress.org/Theme_Development#Screenshot

* https://make.wordpress.org/core/2014/08/21/introducing-plugin-icons-in-the-plugin-installer/

* https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/personalizing-your-profile

* Reddit: [banner](https://mods.reddithelp.com/hc/en-us/articles/360010112892-Banner), [icon](https://mods.reddithelp.com/hc/en-us/articles/360008805651-Name-icon)

* Twitch: [channel page](https://help.twitch.tv/s/article/channel-page-setup), [sub badges](https://help.twitch.tv/s/article/subscriber-badge-guide), [sub emotes](https://help.twitch.tv/s/article/subscriber-emoticon-guide)