Android App 常用图标尺寸规范

Posted 2023-04-13

参考技术A 1. 程序启动图标：

LDPI (Low Density Screen，120 DPI)，其图标大小为 36 x 36 px。

MDPI (Medium Density Screen, 160 DPI)，其图标大小为 48 x 48 px。

HDPI (High Density Screen, 240 DPI)，其图标大小为 72 x 72 px。

xhdpi (Extra-high density screen, 320 DPI)，其图标大小为 96 x 96 px。

xxhdpi（xx-high density screen, 480 DPI）,其图标大小为144 x 144 px。

2.底部菜单图标

1. 大屏:

1. 完整图片（红色）: 72 x 72 px

2. 图标（蓝色）: 48 x 48 px

3. 图标外边框（粉色）: 44 x 44 px

1. 中屏:

1. 完整图片: 48 x 48 px

2. 图标: 32 x 32 px

3. 图标外边框: 30 x 30 px

1. 小屏:

1. 完整图片: 36 x 36 px

2. 图标: 24 x 24 px

3. 图标外边框: 22 x 22 px

3. 弹出对话框顶部图标

小屏24 x 24 px Low density screen (ldpi)

中屏32 x 32 px Medium density screen (mdpi)

大屏48 x 48 px High density screen (hdpi)

4. 长列表内部列表项图标

小屏24 x 24 px Low density screen (ldpi)

中屏32 x 32 px Medium density screen (mdpi)

大屏48 x 48 px High density screen (hdpi)

5. 底部或顶部tab标签图标

1. 大屏 (hdpi) screens:

1. 完整图片（红色）: 48 x 48 px

2. 图标（蓝色）: 42 x 42 px

1. 中屏 (mdpi) screens:

1. 完整图片: 32 x 32 px

2. 图标: 28 x 28 px

1. 小屏(ldpi) screens:

1. 完整图片: 24 x 24 px

2. 图标: 22 x 22 px

6. 底部状态栏图标

ldpi (120 dpi) 18 x 18 px 小屏

mdpi (160 dpi) 24 x 24 px 中屏

hdpi (240 dpi) 36 x 36 px 大屏

xhdpi (320 dpi) 48 x 48 px 特大屏

Android必知必会-App 常用图标尺寸规范汇总

1. 程序启动图标（icon launcher）

     放在mipmap-*dpi下，文件名为ic_launcher.png


• L DPI ( Low Density Screen，120 DPI )，其图标大小为 36 x 36 px
• M DPI ( Medium Density Screen, 160 DPI )，其图标大小为 48 x 48 px
• H DPI ( High Density Screen, 240 DPI )，其图标大小为 72 x 72 px
• XH DPI ( Extra-high density screen, 320 DPI )，其图标大小为 96 x 96 px
• XXH DPI( xx-high density screen, 480 DPI )，其图标大小为144 x 144 px
• XXXH DPI( xxx-high density screen, 640 DPI )，其图标大小为192 x 192 px

     技巧：自动生成对应分辨率的 icon launcher

      使用 Android Studio ，在 module或者 drawable 上右键 new > ImageAsset ,可以把一张大图自动裁切成各 DPI 对应的分辨率的 icon launcher。

2. 不透明度16进制值

   

3. dp和px换算及关系

　  各DPI的换算：
     

      数据总结表：
      

     dp 到 px

      这里给定：400 dp * 240 dp 
      则对应的图片分辨率分别为：

• lpdi ⇒ 300 px * 180 px
• mdpi ⇒ 400 px * 240 px
• hdpi ⇒ 600 px * 360 px
• xhdpi ⇒ 800 px * 480 px
• xxhdpi ⇒ 1200 px * 720 px
• xxxhdpi ⇒ 1600 px * 960 px

     px 到 dp

      从 px 换算成 dp 要知道它是以什么 dpi 标准来设计的，根据换算关系表可得到相应的 dp 。
      例如： 以 xxhdpi 标准设计的 UI，其中一个切图的分辨率是 600 px * 360 px ，根据换算关系表可知，在 xxhdpi 标准下，1 dp = 3 px ,则其对应的 dp 是 200 dp * 120 dp 。

--------------------------------------------------------------------------------------------------------
作者：他叫自己MR张
来源：CSDN
原文：https://blog.csdn.net/ys743276112/article/details/51910874?utm_source=copy
版权声明：本文为博主原创文章，转载请附上博文链接！