iOS App Icon啟動圖尺寸配置適配iPhone XS XR XS Max等
阿新 • • 發佈：2018-12-11
前言
近期在開發新專案, 然後針對 App Icon 與 App LaunchScreen 都需要重新切一套, 需要把相應尺寸大小跟 UI 說明一下, 加上最近剛釋出的我 iPhone XS XR XS Max都需要進行統一適配，同時為了讓自己以及 UI 同事能更好的去了解 iPhone 不同尺寸特意整理了一下。
App LaunchScreen(啟動圖)
下面分別羅列出當前所有 iPhone 不同機型尺寸所需 LaunchScreen Size, 其中 iPhone 6 7 8 尺寸一致, iPhone 6 7 8 P 尺寸一致, 所以分別切兩種即可. 另外新出的 iPhone X XR XS XSMAX, 除了 X和 XS 尺寸一致外, 都需要分別對應不同尺寸。 其他的也就是 小屏的如 iPhone 4 5 SE 等。
| Device | 橫屏尺寸 | 豎屏尺寸 |
|---|---|---|
| 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 |
APP Icon
如果只是針對 iOS 移動端來說, 對 iphone 做配置的話, 按照下面指的這五種分別切圖即可.
iPad Pro. iPad, iPad Mini 尺寸需另切。
主要包括五種型別圖片, 分別是 手機上直接展示的 App Icon,搜尋欄 App Icon, 設定欄 App Icon, 通知欄 App Icon, 另一個是 AppStore 上需要的。
| Device or context | Icon size |
|---|---|
| iPhone App Icon | 180px × 180px (60pt × 60pt @3x) |
| iPhone App Icon | 120px × 120px (60pt × 60pt @2x) |
| iPhone Spotlight Icon(搜尋框下展示圖示) | 120px × 120px (40pt × 40pt @3x) |
| iPhone Spotlight Icon(搜尋框下展示圖示) | 80px × 80px (40pt × 40pt @2x) |
| iPhone Settings Icon (設定欄裡面展示圖示) | 87px × 87px (29pt × 29pt @3x) |
| iPhone Settings Icon (設定欄裡面展示圖示) | 58px × 58px (29pt × 29pt @2x) |
| iPhone Notification icon | 60px × 60px (20pt × 20pt @3x) |
| iPhone Notification icon | 40px × 40px (20pt × 20pt @2x) |
| App Store | 1024px × 1024px (1024pt × 1024pt @1x) |
作者：澤西島上咖啡 連結：https://www.jianshu.com/p/77da18f8d231 來源：簡書 簡書著作權歸作者所有，任何形式的轉載都請聯絡作者獲得授權並註明出處。