I followed what I believed to be the Android official icon sizes:
ldpi: 36x36px
mdpi: 48x48px
hdpi: 72x72px
xhdpi: 96x96px
My icon looks the same size as some other icons (the facebook one for example). But others, such as Trip Advisor and Kayak are moderately larger than these 2. What are these other apps doing to make their icons this size? I am fine following the guidelines, but my client is upset that their icon is not as large as these others. I have seen this behavior on several devices, but mostly ones with larger resolutions.
Thanks!
Edit: Removed icon.
Edit 2: I needed to add a 144x144 px icon into my xxhdpi folder. Issue was resolved.
You'll need to add a 144x144px icon into drawable-xxhdpi and a 192x192px icon into drawable-xxxhdpi.
It seems that if you do not have these versions on a high-density display, when they are scaled up padding is added.
So the solution is to make sure you have the high-density versions in your build as well.
Simply because they do not follow the guidelines and android allows you to have
Look at http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers/
You are supposed to have
96 x 96 Canvas size
84 x 84 Actual drawing size
What other apps do is 96 x 96 of non transparent pixels
Related
I used android asset studio to create Launcher icon:
http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html#foreground.space.trim=1&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=bevel&backColor=ffffff%2C100
The studio generated images at proper pixel sizes: 48 * 48 (mdpi) 72 *72 (hdpi) and so on..
But on my Samsung galaxy s2 the app icon appear smaller then other apps and not filling its entire space.
Whay is this? how can i stretch it to full extent?
Asset studio adds unnecessary margins to the icon. If someone can come up with a similar tool without adding margins, it would be of great help. The solution to your problem is to use a single 512 by 512 image as icon. Android will scale the rest for you when users install your app.
Instead of importing image through Image Asset in Android Studio, make 5 images with different size:
48 x 48
72 x 72
96 x 96
144 x 144
192 x 192
And then directly copy in respective Drawable folder (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi) with same name.
I have the same problem with the Asset Studio on Android Studio.
The only work-around was to make the images myself. Most of the time, just providing one image at 192*192 worked for me, instead of creating the whole mipmap.
Check the drawable-hdpi folder, and see if it has the correct one. The SII has a HDPI density, so you might have copied the icon into the wrong folder.
Source: http://blog.blundell-apps.com/list-of-android-devices-with-pixel-density-buckets/
Finding myself in the same situation, I generated the so called web icon, which gave me the rounded corners and shadow and the size big enough to remove padding and produce all the required sizes myself in a graphic editor.
Put a 512 * 512 icon in drawable folder instead of mipmap and then from Android Manifest reference it through android:icon tag
android:icon="#drawable/app_icon"
Worked for me, no margin on corners.
My apk icon goes blurry when creating the apk.
I tried even to download some apk that has a very sharp (android app) icon and placing it
inside of my apk but I get the same result.
how is it possible that my icon goes blurry when I see it very sharp in other app using the same icon?
of course I used multiple icon size:
ldpi (120 dpi) (Low density screen) 36 x 36 px
mdpi (160dpi)(Medium density screen) 48 x 48 px
hdpi (240 dpi)(Highdensity screen) 72 x 72 px
xhdpi (320 dpi) (Extra-high density screen) 96 x 96 px
but it didn't help. how can I fix it?
Thank you
A little late to the party, but if someone searches for this issue, you might want to check if your icons are in /drawable or /mipmap. Latter really bumps the quality up, if you haven't had your launcher icons in there before.
See also:
mipmap drawables for icons
http://android-developers.blogspot.de/2014/10/getting-your-apps-ready-for-nexus-6-and.html
As all answers suggesting that please check all drawable and mipmap folders but there is something else in my case that I had an extra folder mipmap-anydpi-v26 in which I also have the app icon that icon was creating the problem. So I just simply remove the mipmap-anydpi-v26 folder and after that everything is working fine.
I found my mistake. I should have known that android:thumbnail is not android:icon, and the thumbnail resolution should be higher (I couldn't find documentation),
Another reason it may be blurry:
If you are using an xml icon inside drawable, check for the values android:width and android:height, be sure they are large enough (for example: '128dp').
What works for me was use "density" instead "qualifier" in config.xml icon tag:
<icon density="ldpi" src="www/res/icons/android/drawable-ldpi-icon.png" />
If you are getting blurred image while compiling and running from android studio make sure that if you find mipmap-anydp folder delete that!.
In the Google I/O 2012 Android App an actionbar logo is used instead of the normal app icon. In the open source project I could find the image which is 340x72 and present only in this dimension. I searched if there is some specified size for using a logo in the actionbar, but I did not find anything. Do you know something about this?
I looked into the resources of the YouTube app, since that seems to be the only official Google app (besides I/O) that uses an action bar logo at the moment.
It contains three drawables for the logo:
drawable-mdpi/ic_logo_wide.png (75 x 32 px)
drawable-hdpi/ic_logo_wide.png (112 x 48 px)
drawable-xhdpi/ic_logo_wide.png (149 x 64 px)
According to Iconography from the Android design guidelines, those images' heights match the specification for the action bar icons, which is 32 x 32 dp.
32 dp = 32 px (MDPI)
32 dp * 1.5 = 48 px (HDPI)
32 dp * 2 = 64 px (XHDPI)
You'll notice that the 72 px (XHDPI) from the I/O app don't show up. I guess, they just wanted to increase the logo's height a bit.
If a drawable is only provided in XHDPI, Android scales it down, which is a little less performant than providing the images in the proper sizes. I guess, this was just accepted by the developers of the I/O app.
So for the different screen sizes, you have the following sizes for the launcher icons:
ldpi (240 x 320px) icon 36x36, 120dpi
mdpi (320 x 480px) icon 48x48, 160dpi
hdpi (480 x 800px) icon 72x72, 240dpi
xhdpi (720 x 1280px) icon 96x96, 320dpi
(Google Play 512x512)
If you use those sizes without padding, I've noticed that the icons are bigger than for example the ones youtube and facebook use. Does anyone know the size of those icons (or the padding)?
Even better, can I download somewhere templates with the same sizes, such as http://developer.android.com/shareables/icon_templates-v4.0.zip?
Thanks
The best example I have seen is foursquare's open source android version. If you download the source you'll be able to browse through the res/drawable-xxx folders and see how they handle various cases with their icons that appear to be approximately the same size as, say, facebook's android icons (maybe a pixel or two more padding).
I recommend checking out this project and simply examining their files in your photo editor of choice.
Just as a note: foursquare is no longer open sourcing their app (and hasn't for some time now...), so the code found at the above repo may be a little stale.
on my Kindle Fire home screen the icon of my application sometimes is shown as a plain gray square. Rebooting device returns normal application icon back. is it a known issue on Kindle fire?
Kindle shows the image uploaded on amazon market to show on home screen, you can add a app as a favorite and it will show you the app icon mentioned in manifest, please make sure you have a high res image uploaded on amazon market as thumbnail. side loaded app cannot use this feature
The way I solved this is to put in 512x512 icon. I know it's not pretty, but it gets job done, as all Android devices resize icons to appropriate size.
If somebody has better solution that doesn't involve uploading app to Amazon Market - please let us know.
Do you have the MDPI, HDPI, and XHDPI icons all going? I think it might be showing a grey box because one of those isn't in there.
(If you submitted your app to the app store, it's the HDPI icon. If you didn't, it's the MDPI icon. Because of this, it might be getting confused as to which icon to get. Also, you can replace your MDPI icon with a 200x200 image to make it appear hi-res in the Kindle Fire.)
I believe the best solution is to use custom drawable folders for kindles
custom drawable "drawable-1024x600-v10" with ic_launcher.png for KindleFire 1 st Gen
custom drawable "drawable-1024x600-v15" with ic_launcher.png for KindleFire 2nd Gen
custom drawable "drawable-1280x800" with ic_launcher.png for KindleFire HD-7'
custom drawable "drawable-1920x1200" with ic_launcher.png for KindleFire HD-8.9'
Using these drawable folders will ensure that the kindle icons will look good. meanwhile use your standard Android icons in the standard drawable folders.
ldpi (120 dpi) (Low density screen) 36 x 36 px
mdpi (160dpi)(Medium density screen) 48 x 48 px
hdpi (240 dpi)(Highdensity screen) 72 x 72 px
xhdpi (320 dpi) (Extra-high density screen) 96 x 96 px