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

Source: Internet
Author: User
Tags transparent color

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.