Skip to content

Instantly share code, notes, and snippets.

@jperl
Created October 30, 2014 17:40
Show Gist options
  • Save jperl/f8c395b9f0f1056ad890 to your computer and use it in GitHub Desktop.
Save jperl/f8c395b9f0f1056ad890 to your computer and use it in GitHub Desktop.
Meteor App Icon and Launch Screen Size Guide

###Icons

Name Size
iphone_2x 120x120
iphone_3x 180x180
ipad 76x76
ipad_2x 152x152
android_ldpi 36x36
android_mdpi 48x48
android_hdpi 72x72
android_xhdpi 96x96

###Launch Screens

Name Size
iphone_2x 640x960
iphone5 640x1136
iphone6 750x1334
iphone6p_portrait 1242x2208
iphone6p_landscape 2208x1242
ipad_portrait 768x1024
ipad_portrait_2x 1536x2048
ipad_landscape 1024x768
ipad_landscape_2x 2048x1536
android_ldpi_portrait 200x320
android_ldpi_landscape 320x200
android_mdpi_portrait 320x480
android_mdpi_landscape 480x320
android_hdpi_portrait 480x800
android_hdpi_landscape 800x480
android_xhdpi_portrait 720x1280
android_xhdpi_landscape 1280x720

###Other

Name Size
App Store 1024x1024

From Meteor docs, Apple docs, Android icon docs and Android splash stackoverflow.

@chip
Copy link

chip commented Mar 11, 2016

This gist is a huge help! Thanks for putting it together. Everything works fine on my project except the App Store icon. I have the following setting which doesn't work:

App.icons({
// Lots of icon settings here, and then
'AppStore': 'mobile-resources/ios/icon/icon-1024x1024.png'

Is AppStore the correct property key?

@marekhattas
Copy link

marekhattas commented May 24, 2016

this is out date,, check this one: http://docs.meteor.com/api/mobile-config.html
and iam using this icon generator: http://zeppelindev.com/#splash

@drone1
Copy link

drone1 commented Aug 12, 2016

That icon/splash image generator is a cool idea, but the output images were far darker than my source image for some reason. Didn't see a setting that would have caused this, either.

@erperejildo
Copy link

@marekhattas do you still having the design?

@domramirez
Copy link

domramirez commented Oct 15, 2017

For those checking in on this, I'd suggest that you trust nothing but source code. The file dictating acceptable icon/splashScreen values is meteor/tools/cordova/builder.js (as of this writing).

In my present and your past, the latest "stable" version is 1.5.2.2. That file seems to completely omit the App Store icon size:
https://github.com/meteor/meteor/blob/release-1.5.2.2/tools/cordova/builder.js

In the future it looks like the list will be more production worthy. This is the latest version in the "devel" branch (probably inaccessible to your project unless you install a later version of Meteor):
https://github.com/meteor/meteor/blob/devel/tools/cordova/builder.js

Rather than subject my whole project to a development version of a system which is far too dynamic to be predictable, I'm just going to drag-and-drop the proper icons into Xcode directly when I submit to the app store. This tutorial seems to have accurate information about how to do it as of now, but it ironically seems to be missing some images: https://www.appsfoundation.com/post/how-to-change-app-icon

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment