A node module to automate the generation of the ridiculously big number of image assets to cover all the supported resolutions...
npm install appmedia
The image manipulation is done using ImageMagick, which should be already installed. For Mac OSX users that's as simple as:
brew install imagemagick
build.js with the following:
var appmedia = require("appmedia");appmedia.icon("path/to/source/icon");appmedia.splash("path/to/source/image");
splash will output the new image assets in a folder "./img", relative to the location of the source image.
Note that it's best if the source images have a significantly better resolution than the copies produced - ex: source icon ~2k, source splash ~4k.
The image sizes generated are an aggregated set after researching into the official documentation of device manufacturers. Although only a subset of these assets are used by any given device, we must generate all of them to cover different cases.
These are square images (in pixels):
16, 30, 32, 36, 48, 57, 60, 62, 64, 72, 76, 87, 96, 114, 120, 128, 144, 152, 171, 180, 512, 1024
These are the loading screens, and are tightly tied to the resolution of the screen:
Initiated by Makis Tracend
Splash photo in the examples by Sandra S.
Distributed through Makesites.org
Released under the MIT license