A handy art assets guide for social media presence

Aug. 3, 2018
protect

Originally posted at www.laurabularca.com

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.

Warning!!! This is a very Work In Progress guide and will be as I add more size guides.

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 Developer Pages

Accepted formats: JPG, PNG

  • developer logo: 184 x 184 px

  • background image: 1500 x 220 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)

JikGuard.com, a high-tech security service provider focusing on game protection and anti-cheat, is committed to helping game companies solve the problem of cheats and hacks, and providing deeply integrated encryption protection solutions for games.

Read More>>