- Clone this repository.
- Open the repository in the command line and run
npm install
git clone https://github.com/lpender/meteor-assets
cd meteor-assets
npm install
This project requires imagemagick
.
sudo apt-get install imagemagick imagemagick-doc
Install homebrew and then:
brew install imagemagick
This repository has been updated for usage with Meteor v1.3.
If meteor --version
is less than 1.3
:
git pull --tags
git checkout v0.0.2
Note: You can use the same icon cross platform but it's not recommended in some cases. See this issue for more details.
-
Generate icons at 1024x1024 and place them in
resources/icon-ios.png
andresources/icon-android.png
. -
Generate splash screens at 2208x2208 and place them in
resources/splash-ios.png
andresources/splash-android.png
. -
Run
node meteor-assets
. -
Copy the
resources
directory to your app:cp -R resources /path/to/my/app
. -
Add this to your
mobile-config.js
App.icons({
"app_store": "resources/icons/app_store.png", // 1024x1024
"iphone_2x": "resources/icons/iphone_2x.png", // 120x120
"iphone_3x": "resources/icons/iphone_3x.png", // 180x180
"ipad": "resources/icons/ipad.png", // 76x76
"ipad_2x": "resources/icons/ipad_2x.png", // 152x152
"ipad_pro": "resources/icons/ipad_pro.png", // 167x167
"ios_settings": "resources/icons/ios_settings.png", // 29x29
"ios_settings_2x": "resources/icons/ios_settings_2x.png", // 58x58
"ios_settings_3x": "resources/icons/ios_settings_3x.png", // 87x87
"ios_spotlight": "resources/icons/ios_spotlight.png", // 40x40
"ios_spotlight_2x": "resources/icons/ios_spotlight_2x.png", // 80x80
"ios_notification": "resources/icons/ios_notification.png", // 20x20
"ios_notification_2x": "resources/icons/ios_notification_2x.png", // 40x40
"ios_notification_3x":"resources/icons/ios_notification_3x.png", // 60x60
"iphone_legacy": "resources/icons/iphone_legacy.png", // 57x57
"iphone_legacy_2x": "resources/icons/iphone_legacy_2x.png", // 114x114
"ipad_spotlight_legacy": "resources/icons/ipad_spotlight_legacy.png", // 50x50
"ipad_spotlight_legacy_2x": "resources/icons/ipad_spotlight_legacy_2x.png", // 100x100
"ipad_app_legacy": "resources/icons/ipad_app_legacy.png", // 72x72
"ipad_app_legacy_2x": "resources/icons/ipad_app_legacy_2x.png", // 144x144
"android_mdpi": "resources/icons/android_mdpi.png", // 48x48
"android_hdpi": "resources/icons/android_hdpi.png", // 72x72
"android_xhdpi": "resources/icons/android_xhdpi.png", // 96x96
"android_xxhdpi": "resources/icons/android_xxhdpi.png", // 144x144
"android_xxxhdpi": "resources/icons/android_xxxhdpi.png", // 192x192
"android_store": "resources/icons/android_store.png" // 512x512
});
App.launchScreens({
"iphone": "resources/splashes/iphone.png", // 320x480
"iphone_2x": "resources/splashes/iphone_2x.png", // 640x490
"iphone5": "resources/splashes/iphone5.png", // 640x1136
"iphone6": "resources/splashes/iphone6.png", // 750x1334
"iphone6p_portrait": "resources/splashes/iphone6p_portrait.png", // 2208x1242
"iphone6p_landscape": "resources/splashes/iphone6p_landscape.png", // 2208x1242
"ipad_portrait": "resources/splashes/ipad_portrait.png", // 768x1024
"ipad_portrait_2x": "resources/splashes/ipad_portrait_2x.png", // 1536x2048
"ipad_landscape": "resources/splashes/ipad_landscape.png", // 1024x768
"ipad_landscape_2x": "resources/splashes/ipad_landscape_2x.png", // 2048x1536
"android_mdpi_portrait": "resources/splashes/android_mdpi_portrait.png", // 320x480
"android_mdpi_landscape": "resources/splashes/android_mdpi_landscape.png", // 480x320
"android_hdpi_portrait": "resources/splashes/android_hdpi_portrait.png", // 480x800
"android_hdpi_landscape": "resources/splashes/android_hdpi_landscape.png", // 800x480
"android_xhdpi_portrait": "resources/splashes/android_xhdpi_portrait.png", // 720x1280
"android_xhdpi_landscape": "resources/splashes/android_xhdpi_landscape.png", // 1280x720
"android_xxhdpi_portrait": "resources/splashes/android_xxhdpi_portrait.png", // 1080x1440
"android_xxhdpi_landscape": "resources/splashes/android_xxhdpi_landscape.png", // 1440x1080
"android_featured": "resources/splashes/android_featured.png" // 1024x500
})
Sizes thanks to https://github.com/meteor/meteor/blob/release-1.3/tools/cordova/builder.js
- This will crop splashes horizontally centered and vertically centered.
- This does not currently generate 9 patch images for Android.
It wouldn't be so bad to turn this into a proper CLI node package.