美文网首页iOS-Developer-OC
iOS iPhone和iPad图标(icon)和启动图(Laun

iOS iPhone和iPad图标(icon)和启动图(Laun

作者: 萝卜酱紫 | 来源:发表于2019-03-06 16:54 被阅读0次

    一、iOS图标尺寸

    如上传iOS AppStore,则必须提供1024px1024px的图标。
    或企业内部分发,则需提供57px
    57px和512px*512px的图标。

    1、iPhone 图标:

    (1)Spotlight搜索图标尺寸:

        80px*80px,120px*120px;
    
    

    (2)Settings设置图片尺寸:

        58px*58px,87px*87px;
    
    

    (3)通知栏图标尺寸:

        40px*40px,60px*60px;
    
    

    (4)App程序图标尺寸:

        120px*120px,180px*180px;
    
    

    综上iPhone需要10种不同尺寸的图标,分别是:

        40px*40px,57px*57px,58px*58px,60px*60px,
        80px*80px,87px*87px,120px*120px,180px*180px,
        512px*512px,1024px*1024px。
    
    

    2、iPad 图标:

    (1)Spotlight搜索图标尺寸:

        40px*40px,80px*80px;
    
    

    (2)Settings设置图片尺寸:

        29px*29px,58px*58px;
    
    

    (3)通知栏图标尺寸:

        20px*20px,40px*40px;
    
    

    (4)App程序图标尺寸:

        76px*76px,152px*152px,167*167px;
    
    

    综上iPad需要11种不同尺寸的图标,分别是:

        20px*20px,29px*29px,40px*40px,57px*57px,
        58px*58px,76px*76px, 80px*80px,152px*152px,
        167px*167px,512px*512px,1024px*1024px。
    
    

    3、iOS需要15种不同尺寸的图标,分别是:

        20px*20px,29px*29px,40px*40px,57px*57px,
        58px*58px,60px*60px,76px*76px, 80px*80px,
        87px*87px,120px*120px,152px*152px,167px*167px,
        180px*180px,512px*512px,1024px*1024px。
    
    

    参考官方文档:https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/

    二、iOS启动图

    这里只考虑竖屏的情况(宽*高),需要横屏的话,只需要把宽和高的尺寸颠倒一下即可。

    1、iPhone启动图:

    (1)iPhone4/iPhone4s启动图:

        640px*960px
    
    

    (2)iPhone5/iPhone5s/iPhoneSE启动图:

        640px*1136px
    
    

    (3)iPhone6/iPhone7/iPhone8启动图:

        750px*1334px
    
    

    (4)iPhone6 Plus/iPhone7 Plus/iPhone8 Plus启动图:

        1242px*2208px
    
    

    (5)iPhone X/iPhone XS启动图:

        1125px*2436px
    
    

    (6)iPhone XR启动图:

        828px*1792px
    
    

    (7)iPhone XS Max启动图:

        1242px*2688px
    
    

    综上iPhone需要7种不同尺寸的启动图,分别是:

        640px*960px,640px*1136px,750px*1334px,828px*1792px,
        1242px*2208px,1125px*2436px,1242px*2688px。
    
    

    2、iPad启动图:

    (1)iPad iOS7普通屏启动图:

        768px*1024px
    
    

    (2)7.9英寸iPad mini 4/9.7英寸iPad(iOS7高分屏)启动图:

        1536px*2048px
    
    

    (3)10.5英寸iPad Pro启动图:

        1668px*2224px
    
    

    (4)11英寸iPad Pro启动图:

        1668px*2388px
    
    

    (5)12.9英寸iPad Pro启动图:

        2048px*2732px
    
    

    综上iPad需要4种不同尺寸的启动图,分别是:

       1536px*2048px,1668px*2224px,1668px*2388px,2048px*2732px。
    
    

    注意:iOS7之前是非沉浸式状态来,对应尺寸的高度需要减去20pt(普通屏减20px,高分屏减40px),iOS7之前的系统很少能见到,可以不考虑。

    3、iOS需要12种不同尺寸的启动图,分别是:

        640px*960px,640px*1136px,750px*1334px,828px*1792px,
        1242px*2208px,1125px*2436px,1242px*2688px,1536px*2048px,
        768px*1024px,1668px*2224px,1668px*2388px,2048px*2732px。
    
    

    参考官方文档:https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/launch-screen/

    转载自:https://www.jianshu.com/p/388e22f6b670

    相关文章

      网友评论

        本文标题:iOS iPhone和iPad图标(icon)和启动图(Laun

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