1. 程式人生 > >iOS App Icon啟動圖尺寸配置適配iPhone XS XR XS Max等

iOS App Icon啟動圖尺寸配置適配iPhone XS XR XS Max等

前言

近期在開發新專案, 然後針對 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 來源:簡書 簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。