首页 > 代码库 > 【转】iOS图标（AppIcon）与启动图（LaunchImage）

【转】iOS图标（AppIcon）与启动图（LaunchImage）

2024-10-31 07:05:39   213人阅读

转载地址：http://blog.csdn.net/wenxiangjiang/article/details/50720871/

图标（AppIcon）与启动图（LaunchImage）是开发iOS应用程序必不可少的内容，但是在网络上对于这部分的内容讲解的并不详细，所以花些时间写了这篇文章，希望有需要的朋友可以随时查看

想知道AppIcon与LaunchImage的原理，必须对ios设备的发展有一个简单的了解，所以我们先来看一看iPhone系列和iPad系列发展史

iPhone发展史

设备年份尺寸像素点数系统
iPhone42010年3.5640*960320*480iOS4-iOS7
iPhone4S2011年3.5640*960320*480iOS5-iOS9
iPhone52012年4.0640*1136320*568iOS6-iOS9
iPhone5C2013年4.0640*1136320*568iOS7-iOS9
iPhone5S2013年4.0640*1136320*568iOS7-iOS9
iPhone62014年4.7750*1334375*667iOS8-iOS9
iPhone6 Plus2014年5.51242*2208414*736iOS8-iOS9
iPhone6S2015年4.7750*1334375*667iOS9
iPhone6S Plus2015年5.51242*2208414*736iOS9

iPad发展史

设备年份尺寸像素点数系统
iPad2010年9.7768*1024768*1024iOS3-iOS5
iPad22011年9.7768*1024768*1024iOS4-iOS9
iPad32012年9.71536*2048768*1024iOS5-iOS9
iPad42012年9.71536*2048768*1024iOS6-iOS9
iPad mini2012年7.9768*1024768*1024iOS6-iOS9
iPad Air2013年9.71536*2048768*1024iOS7-iOS9
iPad mini22013年7.91536*2048768*1024iOS7-iOS9
iPad Air22014年9.71536*2048768*1024iOS8-iOS9
iPad mini32014年7.91536*2048768*1024iOS8-iOS9
iPad Pro2015年12.92048*27321024*1366iOS9
iPad mini42015年7.91536*2048768*1024iOS9

从上面的内容可以看出，在苹果在iPhone4、iPad3、iPad mini2开始使用Retina屏幕，所以需要提供@2x的图片素材才能展示出来最细腻的效果（注：iPhone Plus系列需要使用@3x的图片素材），下面我们便谈一下AppIcon与LaunchImage的选择

AppIcon选择

设备iOS5,iOS6iOS7-iOS9
iPhone APPIcon57.png Icon57@2x.pngIcon60@2x.png Icon60@3x.png
iPhone SettingsIcon29.png Icon29@2x.png Icon29@3x.pngIcon29.png Icon29@2x.png Icon29@3x.png
iPhone SpotlightIcon29.png Icon29@2x.png Icon29@3x.pngIcon40@2x.png Icon40@3x.png
iPad APPIcon72.png Icon72@2x.pngIcon76.png Icon76@2x.png
iPad SettingsIcon29.png Icon29@2x.pngIcon29.png Icon29@2x.png
iPad SpotlightIcon50.png Icon50@2x.pngIcon40.png Icon40@2x.png
iPad Pro APP无Icon83.5@2x.png

技术分享

笔者注：demo内所使用的图片取自网络

LaunchImage选择

设备iOS5,iOS6iOS7-iOS9/iOS8-iOS9
iPhone PortraitLaunchImage-320-480.png LaunchImage-320-480@2x.png LaunchImage-320-568@2x.pngLaunchImage-320-480@2x.png LaunchImage-320-568@2x.png
iPhone HD 4.7 Portrait无LaunchImage-375-667@2x.png
iPhone HD 5.5 Portrait无LaunchImage-414-736@3x.png
iPhone HD 5.5 Landscape无LaunchImage-736-414@3x.png
iPad PortraitLaunchImage-768-1024.png LaunchImage-768-1024@2x.pngLaunchImage-768-1024.png LaunchImage-768-1024@2x.png
iPad LandscapeLaunchImage-1024-768.png LaunchImage-1024-768@2x.pngLaunchImage-1024-768.png LaunchImage-1024-768@2x.png
iPad Portrait Without Status BarLaunchImage-768-1004.png LaunchImage-768-1004@2x.png无
iPad Landscape Without Status BarLaunchImage-1024-748.png LaunchImage-1024-748@2x.png无

技术分享

笔者附带一个demo下载地址，大家可以直接将AppIcon.appiconset和LaunchImage.launchimage中的图片替换为自己的图片即可

【转】iOS图标（AppIcon）与启动图（LaunchImage）


联系
我们