Wednesday, March 25, 2015

Generate Android Icons for Ionic Framework Resource Folder on Mac OS X

Directions:

1. Create folder named "resources" in app root folder.
2. Create icon image /resources/icon.png (10424w by 1024h).
3. Create splash image /resources/splash.png (2208w by 2208h).
4. From the /resources folder execute the commands below.
5. Execute 'ionic platform add android' from app root folder.

For easier use:
Paste commands into sh file for easy use.
Then copy /resources folder when creating another app.
mkdir -p android/icon
cp icon.png android/icon/drawable-icon.png
cp icon.png android/icon/drawable-hdpi-icon.png
cp icon.png android/icon/drawable-ldpi-icon.png
cp icon.png android/icon/drawable-mdpi-icon.png
cp icon.png android/icon/drawable-xhdpi-icon.png
cp icon.png android/icon/drawable-xxhdpi-icon.png
cp icon.png android/icon/drawable-xxxhdpi-icon.png
sips -Z 96 android/icon/drawable-icon.png
sips -Z 72 android/icon/drawable-hdpi-icon.png
sips -Z 32 android/icon/drawable-ldpi-icon.png
sips -Z 48 android/icon/drawable-mdpi-icon.png
sips -Z 96 android/icon/drawable-xhdpi-icon.png
sips -Z 144 android/icon/drawable-xxhdpi-icon.png
sips -Z 192 android/icon/drawable-xxxhdpi-icon.png
mkdir -p android/splash
cp splash.png android/splash/drawable-land-hdpi-screen.png
cp splash.png android/splash/drawable-land-ldpi-screen.png
cp splash.png android/splash/drawable-land-mdpi-screen.png
cp splash.png android/splash/drawable-land-xhdpi-screen.png
cp splash.png android/splash/drawable-land-xxhdpi-screen.png
cp splash.png android/splash/drawable-land-xxxhdpi-screen.png
cp splash.png android/splash/drawable-port-hdpi-screen.png
cp splash.png android/splash/drawable-port-ldpi-screen.png
cp splash.png android/splash/drawable-port-mdpi-screen.png
cp splash.png android/splash/drawable-port-xhdpi-screen.png
cp splash.png android/splash/drawable-port-xxhdpi-screen.png
cp splash.png android/splash/drawable-port-xxxhdpi-screen.png
sips -Z 800 android/splash/drawable-land-hdpi-screen.png
sips -c 480 800 android/splash/drawable-land-hdpi-screen.png
sips -Z 480 android/splash/drawable-land-hdpi-screen.png
sips -c 480 800 android/splash/drawable-land-hdpi-screen.png
sips -Z 320 android/splash/drawable-land-ldpi-screen.png
sips -c 200 220 android/splash/drawable-land-ldpi-screen.png
sips -Z 480 android/splash/drawable-land-mdpi-screen.png
sips -c 320 480 android/splash/drawable-land-mdpi-screen.png
sips -Z 1280 android/splash/drawable-land-xhdpi-screen.png
sips -c 720 1280 android/splash/drawable-land-xhdpi-screen.png
sips -Z 1600 android/splash/drawable-land-xxhdpi-screen.png
sips -c 960 1600 android/splash/drawable-land-xxhdpi-screen.png
sips -Z 1920 android/splash/drawable-land-xxxhdpi-screen.png
sips -c 1280 1920 android/splash/drawable-land-xxxhdpi-screen.png
sips -Z 800 android/splash/drawable-port-hdpi-screen.png
sips -c 800 480 android/splash/drawable-port-hdpi-screen.png
sips -Z 320 android/splash/drawable-port-ldpi-screen.png
sips -c 320 200 android/splash/drawable-port-ldpi-screen.png
sips -Z 480 android/splash/drawable-port-mdpi-screen.png
sips -c 480 320 android/splash/drawable-port-mdpi-screen.png
sips -Z 1280 android/splash/drawable-port-xhdpi-screen.png
sips -c 1280 720 android/splash/drawable-port-xhdpi-screen.png
sips -Z 1600 android/splash/drawable-port-xxhdpi-screen.png
sips -c 1600 960 android/splash/drawable-port-xxhdpi-screen.png
sips -Z 1920 android/splash/drawable-port-xxxhdpi-screen.png
sips -c 1920 1280 android/splash/drawable-port-xxxhdpi-screen.png
view raw gistfile1.txt hosted with ❤ by GitHub