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!.
Related
What sizes should the image be for each phone size (HDPI, MDPI, XHDPI, XXHDPI) in the navigation drawer like this one?
It should be 24dp. Refer image from material design specification for navigation drawer.
For entire specification of navigation drawer check out this link http://www.google.com/design/spec/patterns/navigation-drawer.html
According to the Google I/O 2015 App source code, it should be 40dp
You can check it here:
https://github.com/google/iosched/blob/master/android/src/main/res/layout/navdrawer.xml
Lines 72 and 73. You will see:
android:layout_width="#dimen/navdrawer_profile_image_size"
android:layout_height="#dimen/navdrawer_profile_image_size"
And, in the dimens.xml file (https://github.com/google/iosched/blob/master/android/src/main/res/values/dimens.xml), in line 136, you will be able to check that the dimen value is:
<dimen name="navdrawer_profile_image_size">40dp</dimen>
I personally found it the perfect size. It's the same used in the Gmail App, if I'm not wrong.
Edit:
I've tried and didn't achieved to get the same size than the Google I/O App, even using their exact dimen variables.
So I've created and measured the sizes, following the rules of the Google specs (https://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs) and I achieved this which looks quite similar to Gmail and Google I/O Apps:
Hope this helps,
If you are designing in Photoshop or something similar and you need to work in pixels, the ratio of the navigation drawer image should be 16:9
In xxxhdpi folder it should be 1216 x 688 (pixels)
You might want to have your icons auto-generated (to give you the right sizes).
See Android Asset Studio.
Just select an ICON that you want from their collection (or UPLOAD one of your own), and choose the parameters (colors, etc) to match your project, and download..
You'll probably want this flavor of icons: Action bar and tab icons
The size should be based on device size for that use below icon sizes.
mdpi : 24 x 24 px
hdpi : 36 x 36 px
xhdpi : 48 x 48 px
it will fit based on device size.
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
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.
I am trying try implement display of pins on Android Google Maps.
I've successfully implemented it. However I'm abit confused as to why the pins are displayed in different sizes on different phones.
I am currently using the same R.drawable png file, which is stored under /res/drawable folder. Why is this happening? Is there a way to standardize this?
Below is a comparison for example, between a Samsung and HTC phone:
small screen phones -> 36 x 36 px (ldpi)(120dpi)image size(keep
under res/drawable-ldpi folder)
normal screen phones-> 48 x 48 px (mdpi)(160dpi)image size(under res/drawable-mdpi)
large screen phones/tablets-> 72 x 72 px (hdpi)(240dpi)image size(under res/drawable-hdpi)
extra screen tablets-> 96 x 96 px (xhdpi)(320dpi)image size(under res/drawable-xhdpi)
if you have 4 PNG files with above mentioned size in appropriate folders, then it should look fine on all phones/tablets.
Please make drawable folder under res folder.. then keep all the pin images in that .. then it wont get visible various sizes.
I'm having trouble with map marker sizes too. I put them in the drawable folder but then lint
started complaining and told me:
... "If the icon really is density independent (for example a solid color)
you can place it in drawable-nodpi."
I did that. The markers look more consistent across a 7" and a 9" screen and lint is happy too. I'm using Android map V2.
Please make drawable folder under res folder.. then keep all the pin images in that .. then delete all other drawable folder like drawable-mdpi,drawable-hdpi etc...only keep drawable folder and store image in that folder.
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