UISpecification icon indicating copy to clipboard operation
UISpecification copied to clipboard

verified publisher icon hoaye
→

Metadata

UISpecification 移动端切图规范

移动端切图规范

iOS 规范

一、尺寸

界面尺寸

设备 宽(inches) 高(inches) 英寸(inches) PPI 2x/3x 逻辑分辨率 设备分辨率 高宽比
iPhone 4/4s 2.31(58.6mm) 4.50(115.2mm) 3.5 326 @2x 320 x 480 640 x 960 1.5
iPhone 5C 2.33(59.2mm) 4.90(124.4mm) 4.0 326 @2x 320 x568 640 x 1136 1.775
iPhone 5/5s/SE 2.31(58.6mm) 4.87(123.8mm) 4.0 326 @2x 320 x 568 640 x 1136 1.775
iPhone 6/6s/7/8 2.64(67.1mm) 5.44(138.3mm) 4.7 326 @2x 375 x 667 750 x 1334 1.779
iPhone 6p/6sp/7p/8p 3.07(77.9mm) 6.23(158.2mm) 5.5 401 @3x 414 x 736 (1242 x 2208)1080 x 1920 1.778
iPhone X -- -- 5.8 463 @3x 375 x 812 1125 × 2436 2.165
iPhone XS -- -- 5.8 463 @3x 375 x 812 1125 × 2436 2.165
iPhone XR -- -- -- -- @3x -- 828 x 1792 --
iPhone XS MAX -- -- -- -- @3x -- 1242 x 2688 --

备注:

  • 1 inch = 2.54cm = 25.4mm
  • 像素密度PPI: PPI（Pixel Per Inch by diagonal）：表示沿着对角线，每英寸所拥有的像素（Pixel）数目。PPI数值越高，代表显示屏能够以越高的密度显示图像，即通常所说的分辨率越高、颗粒感越弱。

图标尺寸(单位px)

设备 App Store 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏
iPhone 4/4s 1024 x 1024 120 x120 114 x 114 58 x 58 75 x 75 44 x 44
iPhone 5/5C/5S/SE 1024 x 1024 120 x120 114 x 114 58 x 58 75 x 75 44 x 44
iPhone 6/6s/7/8 1024 x 1024 120 x120 114 x 114 58 x 58 75 x 75 44 x 44
iPhone 6p/6sp/7p/8p 1024 x 1024 180 x180 114 x 114 87 x 87 75 x 75 66 x 66

总结：44 x 44、58 x 58、66 x 66、75 x 75、87 x 87、114 x 114、120 x 120、180 x 180、1024 x 1024 共9个尺寸, 建议只出一张1024 x 1024，由super icon(App Store搜索)生成。

Android

主流Android手机分辨率和尺寸

设备 分辨率(inches) 尺寸(px)
魅族MX2 4.4 800×1280
魅族MX3 5.1 1080×1280
魅族MX4 5.36英寸 1152×1920

Android的图标尺寸

屏幕大小 启动图标 操作栏图标 上下文图标 系统通知图标(白色) 最细笔画
320×480 px 48×48 px 32×32 px 16×16 px 24×24 px 不小于2 px
480×800px
480×854px
540×960px		 72×72 px 48×48 px 24×24 px 36×36 px 不小于3 px
720×1280 px 48×48 dp 32×32 dp 16×16 dp 24×24 dp 不小于2 dp
1080×1920 px 144×144 px 96×96 px 48×48 px 72×72 px 不小于6 px

← Metadata

16
Stars
1
Forks
Watchers

Owner

verified publisher icon hoaye

Metadata

UISpecification 移动端切图规范

Back