Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sarienn/MarketingTemplates

BRINDIE FREE - an .ai sourcefile with sizes for art assets needed to create Facebook page, Twitter profile, Steam Store page and Steam Developer page
https://github.com/sarienn/MarketingTemplates

gamedev-tool gamedevelopment indiegame

Last synced: about 2 months ago
JSON representation

BRINDIE FREE - an .ai sourcefile with sizes for art assets needed to create Facebook page, Twitter profile, Steam Store page and Steam Developer page

Awesome Lists containing this project

README 

        
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







### 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 OR `1920 x 1080` px

* the elusive banners in the ABOUT section `616 x (your choice) px` (many devs use a sleek version of `616 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`







### Twitter



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







### Facebook



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`







### Reddit



Accepted formats: PNG, JPG



* icon image: `256 x 256 px`

* header image: min `640 x 192 px`, max `1280 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`, min `512 x 512px`







### LinkedIn



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`







### Instagram



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`







### Pinterest



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 





### 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`





### itch.io



Accepted formats: JPEG, PNG, GIF (even animated!)

* cover image: `630 x 500 px`(min `315 x 250 px`)

* banner: `2048 x 880 px`(min `960 x 340 px`)

* background: `~ 1923 x 724 px`

* devlog image: `500 x 281 px` (16:9, min widht `500 px`)





### Print

Recommended formats: PNG, PDF

* A3: `3508 x 4960 px`

* A4: `2480 x 3508 px`

* A5: `1748 x 2480 px`





### Press Release Template

A template for preparing great press releases





### Steam Bare Minimum 

Templates for Steam Store Page, Twitter and Facebook in one single file





## 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?!