Creating Graphics for Adapt It Mobile - adapt-it/adapt-it-mobile GitHub Wiki

I’ve been using the free/open source vector drawing program Inkscape for the various icons and images in Adapt It and Adapt It Mobile. For Adapt It Mobile, these are saved under the top level www/res/svg/ folder.

Apple and Android have incorporated higher resolution displays for their phones and tablets (as well as laptops) for a couple years now; I haven’t looked into Windows Phone 8, but I would assume they also support high-resolution displays. For developers, that means that our icons need to be saved in two resolutions. Apple’s naming convention is to append a “@2x” to the name of the image; for example:

  • icon-57.png 57x57 icon in png format
  • [email protected] 57x57 icon in png format at twice the pixel density for Retina displays (this ends up being saved as a 114x114 image)