Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the safe zone in Android Image Asset Studio

In Android Studio, while creating a Launcher Icon, there is a preview of a "Safe zone" circle that defines a certain padding around the edge of the displayed boundaries.

What does it specifically define?

Image of Android Image Asset Studio

like image 544
Daniel Wang Avatar asked Jul 12 '19 02:07

Daniel Wang


People also ask

Where is image assets in Android Studio?

open android studio File->Open folder->navigate to your flutter project and select the Android folder. Wait for it to sync, then navigate inside the Android studio folder and find the res folder right click on it and choose New you will see the Image asset studio.

How do I add icons to Mipmap Android?

Goto File->new->ImageAsset. From their you can create Image Assets for your icon. After that we will get icon image in mipmap different formats like hdpi,mdpi,xhdpi,xxhdpi,xxxhdpi.

What is the size of Android app icon?

Final size: 512px x 512px. Format: 32-bit PNG.


1 Answers

Adaptive Icons, which are introduced in Android O, allows the system to apply a shape mask on top of your icons, which gives users a more consistent icon theme. Instead of a mixed bag of square & circle icons, users can now be shown all square or all circle icons.

enter image description here

The question is, how big a mask can systems make? Can they clip away 40px (10px from each side) of your icon? How about 80px? 120px? Even 400px? So Google created a rule:

A device OEM can specify a mask that may include a radius that is as short as 33 dp along certain points of the shape.

enter image description here

So the "safe zone" is the area that is guaranteed to not be clipped.

It looks like Android is planning on introducing parallax effects on icons when scrolling in the home screen, when they do, icons that are not completely in the "safe zone" may get see unnatural motion with the background when they are being animated. (See the "Clock" icon, and how it "escapes" the bounds of the background)

img

like image 77
Brown Smith Avatar answered Nov 15 '22 10:11

Brown Smith