Mobile app version of vmapp.org
Login or Join
Annie732

: What density is the 512x512 icon for an Android app? I'm making a launcher icon in Inkscape, with my document size set to 512x512. I'm trying to adhere to Material Design standards which state

@Annie732

Posted in: #Android #GoogleMaterialDesign #Inkscape

I'm making a launcher icon in Inkscape, with my document size set to 512x512. I'm trying to adhere to Material Design standards which state that the Tinted Edge and Shaded Edge of the product icon should be 1dp.

Since I'm working with a 512x512 document, I made them 11px which would make them 1px when exported to 48x48 (MDPI launcher size), but, when exported to 512x512 for the web icon, the tinted/shaded edges are much larger than other app's icons.

Here's an example icon by me and also the Search app's icon side-by-side. What am I doing wrong? What density is the 512 icon? Is the shaded/tinted edge not actually 1dp?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Annie732

1 Comments

Sorted by latest first Latest Oldest Best

 

@Karen819

If I remember correctly (no guarantees there), Google doesn't just use scaled versions of their icons, but responsive icons. Meaning they optimize their icons for each size.

So in your case, you could adapt the top edge for each size before exporting. For example, you could make the top edge 1px in the smallest sizes, 4px in medium sizes, and 6px in the largest. (In other words, the edges become incrementally smaller compared to the overall size of your icon).
Granted, this is a bit more work than just exporting at different sizes, but it gives you more control over what your icon will look like.

Of course, Google uses the 512x512 icon in different places, and scales it accordingly. So the danger could be that the top edge becomes all but invisible when they scale down your icon.

For more information see this article

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme