Skip to content

Latest commit

 

History

History
299 lines (179 loc) · 8.17 KB

README.md

File metadata and controls

299 lines (179 loc) · 8.17 KB

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