How to create large icons [Android] [SOLVED]

[runewinse]

I don’t get how this icon stuff works. I have placed the following .png files in the working folder of my Corona project:

icon-hdpi.png

Icon-ldpi.png

Icon-mdpi.png

Icon-xhdpi.png

I haven’t found any info about any larger icons than the Icon-xhdpi.png, which is supposed to be 92x92 pixels (attached).

But when I put this app on my phone (Galaxy S5) the icon is still smaller than most of of the other icons. An example is attached (icons.png).

Some things I note about icons.png:

1. My icon is much smaller than most other icons.

2. My icon seems to measure 123 pixels so it’s obviously scaled up somehow

3. The other icon (which measure 157 pixels) is obviously scaled up a lot

(according to the visible pixels)

So, how come? My apps are looking kind of “inferior” when their icons are all smaller than the rest. What is to be done?

[Christopher_Bishop]

You can do it online at:

http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=0&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=bevel&backColor=ffffff%2C100

Or if you have Photoshop or Illiustrator you can use this.

http://forums.coronalabs.com/topic/52400-template-for-making-icon-sets-in-illustrator-for-both-ios-and-android/

[bjsorrentino]

Hi @runewinse,

It looks like you’re missing one of the higher-res launch images (well, actually two of them). As of the current public build (#2393), Corona supports the “Icon- xx hdpi.png” icon which should be sized at 144x144. And, as of recent daily builds, Corona also supports the largest “Icon- xxx hdpi.png” icon which should be sized at 192x192. You might as well include that now, since it will be supported in the next public build which isn’t far off.

As a side note, the “Icon-xhdpi.png” should be 96x96,  not  92x92.

Hope this helps,

Brent

[runewinse]

@bjsorrentino

Hi @runewinse,

It looks like you’re missing one of the higher-res launch images (well, actually two of them). As of the current public build (#2393), Corona supports the “Icon- xx hdpi.png” icon which should be sized at 144x144. And, as of recent daily builds, Corona also supports the largest “Icon- xxx hdpi.png” icon which should be sized at 192x192. You might as well include that now, since it will be supported in the next public build which isn’t far off.

As a side note, the “Icon-xhdpi.png” should be 96x96,  not  92x92.

Hope this helps,

Brent

Hi Brent,

Thanks for the tips about Icon- xx hdpi.png and Icon- xxx hdpi.png. I wasn’t aware of those two! I’ve now updated my icon files (attached as icons.zip).

Also thanks for the Icon- x hdpi.png = 96x96. I always found that resolution to be a bit odd…  :D 

Unfortunately it doesn’t seem to work any different from what I had before. Here’s a new screen dump with a fresh build of the app (I did an uninstall/istall just to be sure):

Well, there is actually a little difference. Before the icon measured 123x123 pixels. Now it measures 128x128. The interesting thing is that 128/123 more orless equals to 96/92…

I wild guess is that both the two largest icons are ignored by #2393 (which I use) and not just the xxx variant. Can you please double check this?

[runewinse]

@Christopher\_Bishop

You can do it online at:

http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=0&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=bevel&backColor=ffffff%2C100

Or if you have Photoshop or Illiustrator you can use this.

http://forums.coronalabs.com/topic/52400-template-for-making-icon-sets-in-illustrator-for-both-ios-and-android/

Hi and thanks for the links!

I might use this tool in the future. Today I use PhotoShop for the scaling and it works quite well. The problem isn’t creating the icon images as such, but getting Corona to use the right ones.

[bjsorrentino]

At the very least, the xx* icon should be used if you created it properly and placed it in the root project directory. Are you sure you followed Google’s guidelines on creating these? For certain, they should be the sizes that Google recommends, not “almost those sizes”.

The largest xxx* version support is only in recent daily builds.

Brent

[runewinse]

@bjsorrentino

At the very least, the xx* icon should be used if you created it properly and placed it in the root project directory. Are you sure you followed Google’s guidelines on creating these? For certain, they should be the sizes that Google recommends, not “almost those sizes”.

The largest xxx* version support is only in recent daily builds.

Brent

Hi Brent,

My stupid fault. I had included “.png” in the file name when saving in PhotoShop so the file ended up being called “Icon-xxhdpi.png.png”. The mistake is all in the .zip file I attached above here, so if you had a look at it and oversaw this error I can understand why!

Correcting this error seems to have fixed it! My icon looks much better (larger) now!

Thanks!

[Christopher_Bishop]

You can do it online at:

http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=0&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=bevel&backColor=ffffff%2C100

Or if you have Photoshop or Illiustrator you can use this.

http://forums.coronalabs.com/topic/52400-template-for-making-icon-sets-in-illustrator-for-both-ios-and-android/

[bjsorrentino]

Hi @runewinse,

It looks like you’re missing one of the higher-res launch images (well, actually two of them). As of the current public build (#2393), Corona supports the “Icon- xx hdpi.png” icon which should be sized at 144x144. And, as of recent daily builds, Corona also supports the largest “Icon- xxx hdpi.png” icon which should be sized at 192x192. You might as well include that now, since it will be supported in the next public build which isn’t far off.

As a side note, the “Icon-xhdpi.png” should be 96x96,  not  92x92.

Hope this helps,

Brent

[runewinse]

@bjsorrentino

Hi @runewinse,

It looks like you’re missing one of the higher-res launch images (well, actually two of them). As of the current public build (#2393), Corona supports the “Icon- xx hdpi.png” icon which should be sized at 144x144. And, as of recent daily builds, Corona also supports the largest “Icon- xxx hdpi.png” icon which should be sized at 192x192. You might as well include that now, since it will be supported in the next public build which isn’t far off.

As a side note, the “Icon-xhdpi.png” should be 96x96,  not  92x92.

Hope this helps,

Brent

Hi Brent,

Thanks for the tips about Icon- xx hdpi.png and Icon- xxx hdpi.png. I wasn’t aware of those two! I’ve now updated my icon files (attached as icons.zip).

Also thanks for the Icon- x hdpi.png = 96x96. I always found that resolution to be a bit odd…  :D 

Unfortunately it doesn’t seem to work any different from what I had before. Here’s a new screen dump with a fresh build of the app (I did an uninstall/istall just to be sure):

Well, there is actually a little difference. Before the icon measured 123x123 pixels. Now it measures 128x128. The interesting thing is that 128/123 more orless equals to 96/92…

I wild guess is that both the two largest icons are ignored by #2393 (which I use) and not just the xxx variant. Can you please double check this?

[runewinse]

@Christopher\_Bishop

You can do it online at:

http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=0&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=bevel&backColor=ffffff%2C100

Or if you have Photoshop or Illiustrator you can use this.

http://forums.coronalabs.com/topic/52400-template-for-making-icon-sets-in-illustrator-for-both-ios-and-android/

Hi and thanks for the links!

I might use this tool in the future. Today I use PhotoShop for the scaling and it works quite well. The problem isn’t creating the icon images as such, but getting Corona to use the right ones.

[bjsorrentino]

At the very least, the xx* icon should be used if you created it properly and placed it in the root project directory. Are you sure you followed Google’s guidelines on creating these? For certain, they should be the sizes that Google recommends, not “almost those sizes”.

The largest xxx* version support is only in recent daily builds.

Brent

[runewinse]

@bjsorrentino

At the very least, the xx* icon should be used if you created it properly and placed it in the root project directory. Are you sure you followed Google’s guidelines on creating these? For certain, they should be the sizes that Google recommends, not “almost those sizes”.

The largest xxx* version support is only in recent daily builds.

Brent

Hi Brent,

My stupid fault. I had included “.png” in the file name when saving in PhotoShop so the file ended up being called “Icon-xxhdpi.png.png”. The mistake is all in the .zip file I attached above here, so if you had a look at it and oversaw this error I can understand why!

Correcting this error seems to have fixed it! My icon looks much better (larger) now!

Thanks!