Usage guidelines for images in the redesign styling tools
I know there's been a lot of requests for this. I've compiled all the sizes and limits for the images here. It's current as of Mar 28, 2018. Hope this helps!
| Image dimensions | |
|---|---|
| Theme colors | |
| Base and highlight colors | Just don't make them very light, because that makes them very hard to see in many places. |
| Body background | 4000x4000px 5mb (unless tiling) |
| Icon | |
| Community avatar | 256x256px 64kb |
| Banner | |
| Small background | 4000x80px 5mb (unless tiling) |
| Medium background | 4000x144px 5mb (unless tiling) |
| Large background | 4000x208px 5mb (unless tiling) |
| Additional background images | 512x176px 5mb |
| How banners show up in the apps | they are basically scaled down and centered into 432px height on high res phones. Depends on your image, you way want to optimize it for this height. |
| Note | When using the overlay method for the menu background, the banner height extends into the menu area by extra 36px. (116px, 180px and 244px respectively for the three banner sizes) |
| Menu | |
| Background image | 4000x40px 5mb |
| Posts | |
| Upvote and downvote | 72x72px 64kb |
| Post background | tiling is recommended because of the variance in post sizes |
| Link preview placeholder | 142x106 px 64kb |
| Other | |
| Emoji | 128x128px 64kb |
| Image widgets | 312px wide 5mb |
Update edit: Banners show up a max size of 1125x432px and vote icons are 72px square on a 3x phone
Update edit 2: Post placeholder image is actually larger in card view mod: 142x106px. ht u/Moonwalking_Eren
Update edit 3: actually the menu overlay adds 36px! ht u/TheChrisD
Posted Mar 28, 2018, 7:35 PM UTC · edited
12241