经常需要告诉设计关于iPhone的分辨和icon的需要的尺寸,有时候自己也忘记了,都是从文档《Human Interface Guidelines》中取的,mark一下
icon相关
Device or context | Icon size |
---|
iPhone | 180px × 180px (60pt × 60pt @3x) |
| 120px × 120px (60pt × 60pt @2x) |
iPad Pro | 167px × 167px (83.5pt × 83.5pt @2x) |
iPad, iPad mini | 152px × 152px (76pt × 76pt @2x) |
App Store | 1024px × 1024px (1024pt × 1024pt @1x) |
Device | Spotlight icon size |
---|
iPhone | 120px × 120px (40pt × 40pt @3x) |
| 80px × 80px (40pt × 40pt @2x) |
iPad Pro, iPad, iPad mini | 80px × 80px (40pt × 40pt @2x) |
Device | Settings icon size |
---|
iPhone | 87px × 87px (29pt × 29pt @3x) |
| 58px × 58px (29pt × 29pt @2x) |
iPad Pro, iPad, iPad mini | 58px × 58px (29pt × 29pt @2x) |
Device | Notification icon size |
---|
iPhone | 60px × 60px (20pt × 20pt @3x) |
| 40px × 40px (20pt × 20pt @2x) |
iPad Pro, iPad, iPad mini | 40px × 40px (20pt × 20pt @2x) |
各个设备的分辨率
Device | Portrait size | Landscape size |
---|
12.9" iPad Pro | 2048px × 2732px | 2732px × 2048px |
11" iPad Pro | 1668px × 2388px | 2388px × 1668px |
10.5" iPad Pro | 1668px × 2224px | 2224px × 1668px |
9.7" iPad | 1536px × 2048px | 2048px × 1536px |
7.9" iPad mini 4 | 1536px × 2048px | 2048px × 1536px |
iPhone XS Max | 1242px × 2688px | 2688px × 1242px |
iPhone XS | 1125px × 2436px | 2436px × 1125px |
iPhone XR | 828px × 1792px | 1792px × 828px |
iPhone X | 1125px × 2436px | 2436px × 1125px |
iPhone 8 Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 8 | 750px × 1334px | 1334px × 750px |
iPhone 7 Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 7 | 750px × 1334px | 1334px × 750px |
iPhone 6s Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 6s | 750px × 1334px | 1334px × 750px |
iPhone SE | 640px × 1136px | 1136px × 640px |
各个设备默认显示的图片对应的比例
Device | Scale Factor |
---|
12.9" iPad Pro | @2x |
11" iPad Pro | @2x |
10.5" iPad Pro | @2x |
9.7" iPad | @2x |
7.9" iPad mini 4 | @2x |
iPhone XS Max | @3x |
iPhone XS | @3x |
iPhone XR | @2x |
iPhone X | @3x |
iPhone 8 Plus | @3x |
iPhone 8 | @2x |
iPhone 7 Plus | @3x |
iPhone 7 | @2x |
iPhone 6s Plus | @3x |
iPhone 6s | @2x |
iPhone SE | @2x |