Current location - Health Preservation Learning Network - Health preserving recipes - How does Android APP make the size of LOGO?
How does Android APP make the size of LOGO?
What I brought to you this time is how the Android APP makes the size of the LOGO. What are the precautions for Android APP to do the size of LOGO? The following is an actual case. Let's have a look.

Specification for size and fillet radius of android startup icon

The Android design interface of 720* 1280 px corresponds to a startup icon with a size of 96px*96px and a rounded corner approximately equal to 18px.

1080* 1920px Android interface design, the corresponding startup icon size is 144px 144px, and the rounded corner is about 25px.

======================================================

The application icon should be a transparent 32-bit PNG picture with an Alpha channel. Due to a large number of Android devices, application icons need to be designed in several different sizes, such as:

LDPI (low-density screen, 120 DPI), its icon size is 36 x 36 px.

Mdpi (medium density screen, 160 dpi) icon size is 48 x 48 px.

HDPI (high-density screen, 240 DPI), its icon size is 72 x 72 px.

Xhdpi (ultra-high-density screen, 320 dpi), its icon size is 96 x 96 px. It is suggested that a few pixels should be left around during the design process to make the designed icon visually consistent with other icons. For example,

The drawing area of 96 x 96 px icon can be set to 88 x 88 px, with four pixels around it for filling (no background color).

The drawing area of 72 x 72 px icon can be set to 68 x 68 px, leaving two pixels around for filling (no background color).

The size of the 48 x 48 px icon drawing area can be set to 46 x 46 px, with 1 pixel left around for filling (no background color).

The drawing area of 36 x 36 px icon can be set to 34 x 34 px, with 1 pixel left around for filling (no background color).

I believe you have mastered the method after reading this case. For more exciting, please pay attention to other related articles on Gxl!

Related reading:

Modularity-Requirements

How to make a bottom navigation TabBar on vue's homepage?

A rich text editor with graphite document style developed by Vue.js 2.0+

Realization of H5 Live Interface with Video.js