Pixel Density proportional relationship
---
It usually takes five different sizes of icons to fit different screen resolutions, and the system can automatically create low-resolution icons based on the resolution's icon.
Size | DPI | Multiples |
--- | --- | ---
MDPI (Baseline) | DPI | 1x
hdpi | DPI | 1.5x
xhdpi | DPI | 2x
xxhdpi | 490 DPI | 3x
xxxhdpi | 640 DPI | 4x
Startup item icon (Launcher icons)
---
Sizes (px) | Format and Naming |
--- | --- |
48x48 (MDPI) |. png |
72x72 (hdpi) |
96x96 (xhdpi) |
144x144 (xxhdpi) |
192x192 (xxxhdpi) |
512x512 (Google Play Store) |
* * NOTE: * * Make a three-dimensional, with a slight sense of perspective, can make users perceive some depth of the icon
Action Bar, dialog Box & tab page icon
---
Sizes (px) | Format and naming
--- | --- |
24x24 area in 32x32 (MDPI) |. png |
36x36 area in 48x48 (hdpi) |
48x48 area in 64x64 (xhdpi) |
72x72 area in 96x96 (xxhdpi) |
96x96 area in 128x128 (xxxhdpi) |
* * NOTE * * The first column number is the size of the icon pattern, the second column is the icon file size
Context icon (Small contextual Icons)
---
Sizes (px) | Format and Naming |
--- | --- |
16x16 (MDPI) |. png |
24x24 (hdpi) |
32x32 (xhdpi) |
48x48 (xxhdpi) |
64x64 (xxxhdpi) |
* * NOTE * * Small icons are used for surface action or display as a specific state. For example, in a Gmail app, each message has a star icon marked as important by the message.
Notification bar icon (Notification icons)
---
Sizes (px) | Format and naming
--- | --- |
22x22 area in 24x24 (MDPI) |. png
33x33 area in 36x36 (hdpi) |
44x44 area in 48x48 (xhdpi) |
66x66 area in 72x72 (xxhdpi) |
88x88 area in 96x96 (xxxhdpi) |
* * Note These are notifications that are used in the status bar to represent the application. They should be white, flattened effect.
Adapt to different Android screens