前言
近期在開發(fā)新項目, 對 App Icon 與 App LaunchScreen 都需要重新切一套, 需要把相應尺寸大小跟 UI 說明一下, 加上最近剛發(fā)布的我 iPhone XS XR XS Max都需要進行統(tǒng)一適配梳猪,同時為了讓自己以及 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 等。
設備? ? ? ? ? ? ? ? ? ? ? ? ?豎屏尺寸 ? ? ? ? ? ? ? ? ? ?橫屏尺寸
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 上需要的。
設備環(huán)境? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?圖標大小
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)