Awesome
BRINDIE Free: http://brindie.games/brindie-free/
An indie game marketing size guide for social media presence
Building an online presence for your game is a difficult and time consuming task. It’s challenging to build interesting content that will gather attention, but that’s just one part of it. There is a huge amount of work just to get your game’s store, Facebook, Twitter, etc. up and running, and a subset of that work is creating graphical assets that must comply to the size specifications of each online service. This means A LOT of different art asset sizes which, as a game developer, I did on a case by case basis – and that was a huge time sync. This is why I am making this guide and aim to update it regularly, so that asset creation for online social presence can be a little bit less frustrating task.
This guide is a list and a pack of source files available on GitHub. The list is built in a way that can be easily imported into task distribution systems and/ or used as a checklist. The files pack is a bunch of .ai (vector graphics/ Illustrator) files with templates, so you can just pick that up and do your assets. I added everything I used and built so far, and will continue to add as I push Pendula Swing on various other places on the internet.
THE LIST
Here is the list of art assets per service. I marked down what is mandatory and what is optional, but of course, you can never really do enough to promote your game – I usually do the optionals as well. This is a Size Guide but if there are any naming conventions that must be respected, I added that as well
<br/>Steam Store Page
Accepted formats: PNG, JPG
- header capsule image:
460 x 215
px - small capsule image:
231 x 87
px - large capsule image:
467 x 181
px - main capsule image:
616 x 353
px - page background (optional):
1438 x 810
px - steam broadcast:
155 x 337
px - screenshots (minimum 5)
1280 x 720
px OR1920 x 1080
px - the elusive banners in the ABOUT section
616 x (your choice) px
(many devs use a sleek version of616 x 57 px
)
Steam Community Hub
Accepted formats; mostly .JPG
- capsules:
184 x 69 px
- community icon:
32 x 32 px
- community group header image:
444 x 208 px
- community avatars (optional):
184 x 184 px
Steam Community Updates
Accepted formats: .PNG .JPG
- cover image:
800 x 450 px
- header image:
1920 x 622 px
- library spotlight banner:
2108 x 460 px
Steam Developer Pages
Accepted formats: JPG, PNG
- developer logo:
184 x 184 px
- background image:
1500 x 220 px
Steam Store Bundle
Accepted formats: JPG, PNG
- package header image:
707 x 232 px
- header capsule image:
460 x 215 px
- small capsule image:
231 x 87 px
- large capsule image:
467 x 181 px
- main capsule image:
616 x 353 px
- page background:
1438 x 810 px
Accepted formats: PNG and JPEG
- header:
1500 x 500 px
- profile photo:
400 x 400 px
- image website card:
800 x 418 px
for 1.91:1 aspect ration - image website card:
800 x 800 px
for 1:1 aspect ration
Accepted formats: JPG, GIF, PNG
- cover:
828 x 315 px
(visible 563 px centred) - profile:
180 x 180 px
minimum - shared image:
1200 x 900 px
- app/ app thumbnail:
111 x 74 px
YouTube
Accepted formats: JPG, GIF, BMP, PNG
- channel icon:
800 x 800 px
- channel icon: quare or round image that renders at
98 x 98 px
- channel art:
2560 x 1440 px
(TV) - channel art safe area for text and logos:
1546 x 423 px
Twitch
Accepted formats: JPEG, PNG, GIF
- profile picture:
256 x 256 px
- profile banner:
1200 x 380 px
- video player banner (Channel & Videos):
1920 x 1080 px
- event image (premiere):
676 x 380 px
Accepted formats: PNG, JPG
- icon image:
256 x 256 px
- header image: min
640 x 192 px
, max1280 x 384 px
Discord
Accepted formats: .PNG, .JPG
- server image
512 x 512 px
- app icon
1024 x 1024 px
- rich presence assets (max 150)
1024 x 1024 px
, min512 x 512px
Accepted formats: PNG, JPG
- banner image:
1850 x 200
- profile image:
400 x 400
- cover image:
1536 x 768
- shared image:
350 pixels wide
- shared link preview:
180 x 110
- logo image:
400 x 400
Accepted formats: JPG, PNG
- profile image:
110 x 110 px
- image thumbnail:
161 x 161 px
- shared images:
1080 x 1080 px
- shared videos:
1080 pixels wide
Accepted formats: JPG, PNG, GIF
- profile image:
180 x 180
- board cover image:
214 x 100
- pin preview:
238 pixels wide
PressKit()
Just one asset is mandatory, which is the header. It must be named and uploaded as header.png
- header:
1200 X 240 px
Google AdWords ads
Accepted formats: GIF, JPG, PNG
- image landscape:
1200 x 628 (min 600 x 314 px)
- image square:
1200 x 1200 px (min 300 x 300 px)
- logo landscape:
1200 x 300 px (min 512 x 128 px)
- logo square:
1200 x 1200 px (min 128 x 128 px)
Google Play
Accepted formats: JPEG, 24 bit PNG (no alpha), 32 bit PNG (no alpha)
- screenshots:
any size length min 320px max 3840
- high-res icon:
512 x 512 px
- feature graphic:
1024 x 500 px
- promo graphic:
180 x 120 px
- TV banner:
1280 x 720 px
- Daydream 360 degree stereoscopic image:
4096 x 4096 px
Nvidia Developer Content Portal
Accepted formats: No mention except PNG
- game box art:
628 x 888 px
- game icon:
64 x 64 px
- key icon:
1024 x 1024 px
- key image:
600 x 600 px
- TV banner:
1920 x 1080 px
- feature image:
840 x 360 px
- hero image:
1920 x 1080 px
- screenshot:
1920 x 1080 px
- ansel 360 image
4096 x 4096 px
- game logo:
594 x 400 px
Amazon
Accepted formats: PNG, JPG, some with transparency
- icon 1:
512 x 512 px
- icon 2:
114 x 114 px
- screenshots:
800 x 480px, 1024 x 600px, 1280 x 720px, 1280 x 800px, 1920 x 1080px, 1920 x 1200px or 2560 x 1600px
- promotional image (landscape only):
1024 x 500 px
- video: Up to 5 MPEG-2, WMV, MOV, FLV, AVI, or H.264 MPEG-4, 720 - 1080px wide (4:3 or 16:9); 1200 kbps or higher <br/>
Kickstarter
Accepted formats: JPEG, PNG, GIF, BMP; max 200MB
- project background:
1600 x 1600 px
(1:1 or 4:6) - project main image:
700 x 800 px
- project image:
1024 x 576 px
- the elusive banners in the Description section (height is 340 in this template):
680 x 340 px
<br/>
itch.io
Accepted formats: JPEG, PNG, GIF (even animated!)
- cover image:
630 x 500 px
(min315 x 250 px
) - banner:
2048 x 880 px
(min960 x 340 px
) - background:
~ 1923 x 724 px
- devlog image:
500 x 281 px
(16:9, min widht500 px
) <br/>
Recommended formats: PNG, PDF
- A3:
3508 x 4960 px
- A4:
2480 x 3508 px
- A5:
1748 x 2480 px
<br/>
Press Release Template
A template for preparing great press releases <br/>
Steam Bare Minimum
Templates for Steam Store Page, Twitter and Facebook in one single file <br/>
THE SOURCE FILES
Disclaimer!!! I am an Illustrator n00b. Probably that is why I have an obsession with art boards so I use a lot of them. I just want flexibility when exporting.
What you will find on GitHub is a Work In Progress collection of AI files that contains all the sizes, in artboards, for every service. So you will find Steam Store Page.ai and that one has precisely 7 art boards of these exact dimensions and named as per asset that you need to create.
I am very not done. For now I made 8 templates, plus one which is called IndieGame_Marketing_SizeGuide but will become a Basic Pack just for Steam, Facebook and Twitter. otherwise ain’t no canvas big enough to let me do all the sizes. As I fill in various profiles on various services, I will add more both in the list and on GitHub.
I really hope this helps! As indie devs we have too much to do as it is and so I just did this for future indiedev me, so it is easy to create all these assets for my next game and not spend an indefinite time making assets on a per need basis. If you find this useful and want to help me, then what would make me the HAPPIEST is Stars on GitHub <3 <3 <3 (ah, vanity!) and … just share it so you make one indie dev’s life a little bit easier?!