App icon size specification and icon naming specification for iOS and Android phones

Android phone app icon size specifications and naming specifications are as follows infographic.

The Android Icon Specification infographic contains the Android launcher icon, the Android bottom menu icon, the Android Pop-up dialog top icon, the Androchang list internal list item icon, and the Android bottom or Top tab tag icon. Very complete.
1. Android Program launch icon: ldpi (+ dpi)
Small screen mdpi (DPI)
Mid-screen hdpi (DPI)
Large screen xhdpi (at + dpi)
Mega screen x px48 x px72 x px96 x/px

2. Android Bottom Menu icon

1. Large screen: 1. Full picture (red): X px2. Icon (blue): x px3. Icon outer frame (pink): x px1. Medium screen: 1. Full Picture: x px2. Icon: X-px3. Icon Outer frame: X-px1. Small screen: 1. Full Picture: X-px2. Icon: x px3. Icon Outer frame: X × px
3. Top icon of Android Pop-up dialog box

Low density screens (ldpi) small screen medium density screen (MDPI) medium high density screens (hdpi) Large screen x px32 x px48 x px

4. Androchang list Interior list item icon

Low density screens (ldpi) small screen medium density screen (MDPI) medium high density screens (hdpi) Large screen x px32 x px48 x px

5. Android Bottom or top tab tab icon

1. Large screen (hdpi)

Screens:1. Full picture (red): x px

2. Icon (blue): x px1. Medium screen (MDPI) screens:1. Full Picture: x px2. Icon: x px1. Small screen (ldpi) screens:1. Full Picture: x px2. Icon: X × px
6. Android Bottom status bar icon

LDPI (+ dpi) small screen mdpi (approx. dpi) Mid-screen hdpi (at most dpi) large screen xhdpi (at + dpi) mega-screen x px24 x

Apple's website is designed to show that the ultra-high pixel density of the retina display has surpassed the range of human eyes to distinguish.
What effect does retina have on image design (icons, splash screens and all other pixels)? If our app is to support retina, we need to provide high resolution (wide x2, high x2) images. Also, in order to support devices without retina, you still have to prepare a low-resolution version.

In other words, we need to prepare two sets of designs.

For different resolutions of the picture, Apple set a naming convention: If a normal resolution of the picture, the file name is "Abc.png", then its corresponding high-resolution filename should be "[email protected]", more "@2x".

The following is the Iosapp icon format and size specification. Very detailed.

Format of icon and splash screen: PNG format is recommended, it can be standard 24-bit color (8 bits for red, green and blue), plus 8 bits of alpha channel. Do not use the transparent color on the app icon.

Icon Size: Apple has a complete document listing all the icon sizes required for the app and their respective usage environments.

App icon size specification and icon naming specification for iOS and Android phones