iOS App图标和启动画面尺寸

作者: 简述呢 | 来源:发表于2014-12-12 16:19 被阅读172513次

    注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。

    1. 桌面图标 (app icon)###

    • for iPhone6 plus(@3x) : 180 x 180
    • for iPhone 6/5s/5/4s/4(@2x) : 120 x 120

    2. 系统搜索框图标 (Spotlight search results icon)###

    • for iPhone6 plus(@3x) : 120 x 120
    • for iPhone6/5s/5/4s/4(@2x) : 80 x 80

    3. 系统设置图标 (Settings icon)###

    • for iPhone6 plus(@3x) : 87 x 87
    • for iPhone6/5s/5/4s/4(@2x) : 58 x 58

    4. 启动图片 (launch image)###

    • for iPhoen5s/5(@2x) : 640 x 1136

    • for iPhoen4s/4(@2x) : 640 x 960

      iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ;如果依然想使用图片,尺寸数值为:

    • for iPhone 6(@2x) : 750 x 1334

    • for iPhone 6 plus (@3x) : 1242 x 2208

    5. 另一种根据iOS系统的分类法###

    Spotlight

    • iOS 5,6

    base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87

    • iOS 7,8

    base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120

    iPhone App

    • iOS 5,6

      base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114

    • iOS 7,8

      base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180

    Settings

    • iOS 5,6,7,8

      base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87

    6. 尺寸总结:###

    图标尺寸输出列表:

    • 180x180
    • 120x120
    • 87x87
    • 80x80
    • 58x58
    • 57x57
    • 29x29

    启动图片尺寸输出列表:

    • 640x960
    • 640x1136
    • 750x1334
    • 1242x2208

    7. 参考文献###

    相关文章

      网友评论

      • 0o冻僵的企鹅o0:这是作者14年的文章,我更新一下吧:

        图标尺寸输出列表:
        * 1024*1024
        * 180*180
        * 120*120
        * 87*87
        * 80*80
        * 60*60
        * 58*58
        * 40*40

        启动图片尺寸输出列表:
        * 640*960
        * 640*1136
        * 750*1334
        * 1242*2208
        * 1125*2436

        png格式 ,无alpha通道,2018年,6月
      • 梦享者:启动图标是不是少了一个114尺寸的?
      • liuyeqing:单位是pt吗
      • 05a232287208:谢谢分享
      • 菜鸟中的战斗鸡:哪个需要 57*57的?我怎么没找到
      • 云之彼岸君:有没有ipad的尺寸?
      • 像个被吓坏的孩子:启动图片有三张2x的一张3x的,但是(这个描述起来好困难)在Assets中的一个image的右边的框中只能拖入一张iPhone的2x的图片,如何保证在每个机型上的启动图片都有合适该机型大小的启动图片。
      • d9431116937e:这个真不错
      • 郑明明:不错
      • wustzhy:这位大神,怎么不露面呢?
        请教一下,那个29pt的图是在应用的哪里展示呢
      • 橘子的皮:真不能用圆角的吗,大神‘
      • 小歆Pro:3DTouch的图标大小是多少呢?
      • Vincent_zhou:你好!使用imageView展示的图片,在大小上也要分开吗?在代码中要对retina和非retina做判断来读取不同的图片吗?我的图片资源中就只有一张图片,会不会在发布的时候不通过?
      • 奔跑的喔汼:请问怎样在启动页加两张图片?
      • e1e69252eee1:UI给我的尺寸也是对的,怎么还是不加载,难道启动图片有大小限制
        夏天的风_song:你可以删除项目,重新运行
      • 390cc97e8443:整理的很清晰,谢谢!
      • valentizx:感谢分享
      • a6f1f6f06697:是最新的尺寸要求吗
        何筱依:固定不变的,马上18年了,只多了一个iPhoneX的启动页尺寸1125*2436

      本文标题:iOS App图标和启动画面尺寸

      本文链接:https://www.haomeiwen.com/subject/vchxtttx.html