A Fuse Powered Company

Jump to content

[TOPIC: topicViewTemplate]
[GLOBAL: userSmallPhoto]
Photo

New Icon Dimensions for iOS?
Started by nahmeenstudios Aug 29 2013 08:07 PM

18 replies to this topic
[TOPIC CONTROLS]
[/TOPIC CONTROLS]
[modOptionsDropdown]
[/modOptionsDropdown]
[reputationFilter]
[TOPIC: post.html]
#1

nahmeenstudios

[GLOBAL: userInfoPane.html]
nahmeenstudios
  • Enthusiast

  • 42 posts
  • Enterprise

We just uploaded an update to our game.  I receive the following email shortly after upload:

 


Invalid Image -
        

For iOS applications, icons included in the binary submission must be in the PNG format.

  • If your application supports the iPhone device family, you must
    include square icons of the following dimensions: 57x57 pixels and
    120x120 pixels.
  • If your application supports the iPad device family, you must
    include square icons of the following dimensions: 72x72 pixels, 76x76
    pixels and 152x152 pixels

 

We have in our package :

 

Icon.png - 57x57

Icon@2x.png - 114x114

 

Icon-Ipad.png - 72x72

Icon-Ipad@2x.png - 144x144

 

We have never had an issue before.  Anyone have an idea about these new dimensions?  What is the naming convention for them?

 

 

 

 



[TOPIC: post.html]
#2

JonPM

[GLOBAL: userInfoPane.html]
JonPM
  • Contributor

  • 651 posts
  • Corona SDK

That's weird, that's not what it shows here: iOS Human Interface Guidelines

 

Maybe it's a new iOS 7 thing?



[TOPIC: post.html]
#3

GuillermoFG

[GLOBAL: userInfoPane.html]
GuillermoFG
  • Observer

  • 26 posts
  • Enterprise

Yes it is. This is included in the new iOS7 Interface Guidelines from Apple:

 

This is a copy/paste from the web:

 

 

 

Create different sizes of the app icon for different devices. If you’re creating a universal app, you need to supply app icons in all four sizes.
 
For iPhone and iPod touch both of these sizes are required:
 
120 x 120 pixels
60 x 60 pixels (standard resolution)
For iPad, both of these sizes are required:
 
152 x 152
76 x 76 pixels (standard resolution)
When iOS displays an app icon on the Home screen of a device, it automatically applies a mask that rounds the corners. Make sure your icon has 90° corners so it looks good after the mask is applied.
 
 
I'm just wondering how to include them in a Corona Project before making a build. Maybe someone at Corona Labs can clarify this?


[TOPIC: post.html]
#4

jmarchalonis

[GLOBAL: userInfoPane.html]
jmarchalonis
  • Enthusiast

  • 38 posts
  • Corona SDK

Any of you find out anymore information about this? Is it as simple as replace standard Icon/Icon@2x with the new dimensions? I  wonder if we still need to still supply the 57/114, 72/144 and it wouldn't just downsize them dynamically.

 

I have games currently running on iOS 7 using the 57/114, 72/144 and got an update through review on friday with the old deminsions. But, yea, i think we should follow it. Did you try submitting it with the same icon names but with the new dimensions only? Meaning remove the old and just use the new strictly?

 

Edit, nah, don't do that. The guide says it still needs the old set for iOS 6 and below. What we need is the correct naming conventions for the new iOS 7 icons and just add them to the build.settings file. 



[TOPIC: post.html]
#5

Minion Multimiedia

[GLOBAL: userInfoPane.html]
Minion Multimiedia
  • Enthusiast

  • 41 posts
  • Corona SDK

@nahmeenstudios thanks for the heads up... I am in the processes of submitting my app to the store as well... 

 

I named the different files with the new resolutions (Icon-76, Icon-120, etc...)

 

I just added them under the CFBundleIconFiles in addition to the other Icon files... I will be submitting the app probably tomorrow (Sept 2)... I will report back if I get any e-mails from Apple ... 



[TOPIC: post.html]
#6

Rob Miracle

[GLOBAL: userInfoPane.html]
Rob Miracle
  • Moderator

  • 11,939 posts
  • Corona Staff

I'm still kinda scratching my head on this one. Let me ask engineering to see if they have figured it out yet.  I saw what appeared to be where someone got rejected already for not having the new icons in place (which makes no sense to me since iOS 7 isn't out yet).



[TOPIC: post.html]
#7

Minion Multimiedia

[GLOBAL: userInfoPane.html]
Minion Multimiedia
  • Enthusiast

  • 41 posts
  • Corona SDK

[TOPIC: post.html]
#8

JonPM

[GLOBAL: userInfoPane.html]
JonPM
  • Contributor

  • 651 posts
  • Corona SDK

What's the proper way to include these new sizes in our project?



[TOPIC: post.html]
#9

Rob Miracle

[GLOBAL: userInfoPane.html]
Rob Miracle
  • Moderator

  • 11,939 posts
  • Corona Staff

This is pure speculation and hopefully I'll  hear back from the engineers after they come back from the long weekend/holiday, but if I were to guess, I would think this would be in order:

 

                "Icon.png" ,           57x57
                "Icon@2x.png" ,    120x120
                "Icon-72.png" ,      72x72
                "Icon-76.png" ,      76x76
                "Icon-76@2x.png", 152x152

 

I honestly don't think Apple really looks at the file name for anything meaningful.  iOS2 did, but with iOS 3 you provided the file name of the 57x57 using the CFBundleIconFile key.  iOS4 added the array of keys:  CFBundleIconFiles = {.  I suspect that Apple reads the files you specify and actually opens up the file to determine it's size and hunts for the icons it's looking for.  If that's the case, it probably wouldn't hurt to provide more icons than they will actually use and maybe we should do:

 

                "Icon.png" ,           57x57
                "Icon@2x.png" ,    114x114

                "Icon-120.png,      120x120

                "Icon-72.png" ,      72x72

                "Icon-72@2x.png", 144x144
                "Icon-76.png" ,      76x76
                "Icon-76@2x.png", 152x152

 

I don't have any apps that are nearing submission so I don't have a real good way of testing this right now.  Again DISCLAIMER I'm guessing here, lets wait on the engineers.

 

(And don't forget to include the four spotlight icons:  29x29, 58x58, 50x50, 100x100) Of course Apple makes then optional.



[TOPIC: post.html]
#10

jmarchalonis

[GLOBAL: userInfoPane.html]
jmarchalonis
  • Enthusiast

  • 38 posts
  • Corona SDK

Rob, I will give the second set a shot. I think they still want the 57x57 and 114X114 for iOS 6 and below. I should be submitting an update to a app i have in the next week or two, so I will keep this post updated. But I am going with the following  setup.

 

 

             "Icon.png",                 57x57

             "Icon-60.png",            60X60  -- I read somewhere this should be included, its doubtful, but it couldn't hurt to include

             "Icon@2x.png",          114x114

             "Icon-120.png",          120x120

 

             "Icon-72.png",            72x72

             "Icon-76.png",            76x76

             "Icon-72@2x.png",     144x144

             "Icon-76@2x.png",     152x152

                       

             "Icon-Small-50.png",  50x50

             "Icon-Small-50@2x.png",  100x100

 

             "Icon-Small.png",        29x29

             "Icon-Small@2x.png", 58X58



[TOPIC: post.html]
#11

Minion Multimiedia

[GLOBAL: userInfoPane.html]
Minion Multimiedia
  • Enthusiast

  • 41 posts
  • Corona SDK

 @Rob Mircle and @jmarchalonis, I have just submitted an app with the new dimensions last night, in my CFBundle I did some thing similar to what you guys are talking about... http://reviewtimes.shinydevelopment.com is reporting ~4 days from start to finish (I am assuming that number will go up given the holiday), but I will also report if this works... (I used the name Icon-144 instead of Icon-72@2x.png, and so forth...)



[TOPIC: post.html]
#12

jmarchalonis

[GLOBAL: userInfoPane.html]
jmarchalonis
  • Enthusiast

  • 38 posts
  • Corona SDK

I submitted an update on thursday with the naming scheme i mentioned above. I will also let you guys know what the verdict is in a few days. Has iTunes Connect been very unstable for you all recently? It was a nightmare getting it uploaded on thursday and checking things on friday. 



[TOPIC: post.html]
#13

Rob Miracle

[GLOBAL: userInfoPane.html]
Rob Miracle
  • Moderator

  • 11,939 posts
  • Corona Staff

It will be good to know, but after I spent a good amount of time reading through Apples documents you should be fine.



[TOPIC: post.html]
#14

jmarchalonis

[GLOBAL: userInfoPane.html]
jmarchalonis
  • Enthusiast

  • 38 posts
  • Corona SDK

@ Rob I just got a message from Apple; It passed with no issues.



[TOPIC: post.html]
#15

dingo

[GLOBAL: userInfoPane.html]
dingo
  • Contributor

  • 698 posts
  • Enterprise

thanks for the infos!



[TOPIC: post.html]
#16

Minion Multimiedia

[GLOBAL: userInfoPane.html]
Minion Multimiedia
  • Enthusiast

  • 41 posts
  • Corona SDK

The app I submitted at the beginning of the month passed with no Icon errors...



[TOPIC: post.html]
#17

leonardoamoraleite

[GLOBAL: userInfoPane.html]
leonardoamoraleite
  • Observer

  • 6 posts
  • Corona SDK

Thanks to all! Help me a lot this information. My app is under review to. 



[TOPIC: post.html]
#18

henrik5

[GLOBAL: userInfoPane.html]
henrik5
  • Contributor

  • 133 posts
  • Corona SDK

Missing icons warnings won't affect the review of the app, been that way for a good while now. But after added the icons with the correct file names, also the ones for Iphone 6, I still get the same warning almost 2 years later. I know that Iphone 5 and 6 users with IOS 7 and 8 will still get the icons correctly displayed, since I test on device before uploading.

 

But can staff confirm that the app made in latest Corona is packaged correctly for App Store, so that the icons are included in the package and are "mapped" correctly so that the package is as if I'd made the app with latest XCode? I.e. that the warning is just the result of buggy server code and should be safely ignored?

 

Or has anyone managed to upload without seeing this warning recently? What was the gotcha?



[TOPIC: post.html]
#19

Rob Miracle

[GLOBAL: userInfoPane.html]
Rob Miracle
  • Moderator

  • 11,939 posts
  • Corona Staff

If you follow the instructions in:  http://docs.coronalabs.com/guide/distribution/buildSettings/index.html#appicons

exactly you will not have any icon warnings.

 

Rob




[topic_controls]
[/topic_controls]