If you use social sites like Twitter or Facebook, you’ve probably had to upload a bajillion (that’s the scientific term) pictures — and some probably look crappy. This cheat sheet helps you nail down the right resolution.
The guide shows the resolution your pictures are displayed at. It covers not just just profile pictures, but also pictures as they appear in timelines and expanded to full size. Using Facebook as an example:
- 851 x 315 pixels
- Image loads fastest if it is less than 100 kilobytes.
- sRGB colorspace
- Must be at least 180 x 180 pixels. It displays on your page at 160 x 160 pixels
Shared Photo Displayed in Photo Viewer
- Displayed at 960 x 720 pixels in photo viewer.
- Photos uploaded in an album with “High Quality” option checked is displayed in photo viewer at up to 2,048 pixels wide.
- Image uploads of 2048 x 2048 pixels.
Shared Image displayed on Timeline
- Longest edge is scaled to display 504 pixels.
The guide covers Facebook, Twitter, Instagram, Tumblr and Google+, as well as a couple of other sites. The author promises that they will update the post if any of these sites adjust their standards. Which, of course, is as inevitable as the tide.
A Creative’s Quick Guide to Social Media Image Sizes [Design Instruct]