【轉】iOS圖標（AppIcon）與啓動圖（LaunchImage）

轉載地址：http://blog.csdn.net/wenxiangjiang/article/details/50720871/

圖標（AppIcon）與啓動圖（LaunchImage）是開發iOS應用程序必不可少的內容，可是在網絡上對於這部分的內容講解的並不詳細，因此花些時間寫了這篇文章，但願有須要的朋友能夠隨時查看

想知道AppIcon與LaunchImage的原理，必須對ios設備的發展有一個簡單的瞭解，因此咱們先來看一看iPhone系列和iPad系列發展史

iPhone發展史

設備	年份	尺寸	像素	點數	系統
iPhone4	2010年	3.5	640*960	320*480	iOS4-iOS7
iPhone4S	2011年	3.5	640*960	320*480	iOS5-iOS9
iPhone5	2012年	4.0	640*1136	320*568	iOS6-iOS9
iPhone5C	2013年	4.0	640*1136	320*568	iOS7-iOS9
iPhone5S	2013年	4.0	640*1136	320*568	iOS7-iOS9
iPhone6	2014年	4.7	750*1334	375*667	iOS8-iOS9
iPhone6 Plus	2014年	5.5	1242*2208	414*736	iOS8-iOS9
iPhone6S	2015年	4.7	750*1334	375*667	iOS9
iPhone6S Plus	2015年	5.5	1242*2208	414*736	iOS9

iPad發展史

設備	年份	尺寸	像素	點數	系統
iPad	2010年	9.7	768*1024	768*1024	iOS3-iOS5
iPad2	2011年	9.7	768*1024	768*1024	iOS4-iOS9
iPad3	2012年	9.7	1536*2048	768*1024	iOS5-iOS9
iPad4	2012年	9.7	1536*2048	768*1024	iOS6-iOS9
iPad mini	2012年	7.9	768*1024	768*1024	iOS6-iOS9
iPad Air	2013年	9.7	1536*2048	768*1024	iOS7-iOS9
iPad mini2	2013年	7.9	1536*2048	768*1024	iOS7-iOS9
iPad Air2	2014年	9.7	1536*2048	768*1024	iOS8-iOS9
iPad mini3	2014年	7.9	1536*2048	768*1024	iOS8-iOS9
iPad Pro	2015年	12.9	2048*2732	1024*1366	iOS9
iPad mini4	2015年	7.9	1536*2048	768*1024	iOS9

從上面的內容能夠看出，在蘋果在iPhone四、iPad三、iPad mini2開始使用Retina屏幕，因此須要提供@2x的圖片素材才能展現出來最細膩的效果（注：iPhone Plus系列須要使用@3x的圖片素材），下面咱們便談一下AppIcon與LaunchImage的選擇

AppIcon選擇

設備	iOS5,iOS6	iOS7-iOS9
iPhone APP	Icon57.png Icon57@2x.png	Icon60@2x.png Icon60@3x.png
iPhone Settings	Icon29.png Icon29@2x.png Icon29@3x.png	Icon29.png Icon29@2x.png Icon29@3x.png
iPhone Spotlight	Icon29.png Icon29@2x.png Icon29@3x.png	Icon40@2x.png Icon40@3x.png
iPad APP	Icon72.png Icon72@2x.png	Icon76.png Icon76@2x.png
iPad Settings	Icon29.png Icon29@2x.png	Icon29.png Icon29@2x.png
iPad Spotlight	Icon50.png Icon50@2x.png	Icon40.png Icon40@2x.png
iPad Pro APP	無	Icon83.5@2x.png

筆者注：demo內所使用的圖片取自網絡

LaunchImage選擇

設備	iOS5,iOS6	iOS7-iOS9/iOS8-iOS9
iPhone Portrait	LaunchImage-320-480.png LaunchImage-320-480@2x.png LaunchImage-320-568@2x.png	LaunchImage-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 Portrait	LaunchImage-768-1024.png LaunchImage-768-1024@2x.png	LaunchImage-768-1024.png LaunchImage-768-1024@2x.png
iPad Landscape	LaunchImage-1024-768.png LaunchImage-1024-768@2x.png	LaunchImage-1024-768.png LaunchImage-1024-768@2x.png
iPad Portrait Without Status Bar	LaunchImage-768-1004.png LaunchImage-768-1004@2x.png	無
iPad Landscape Without Status Bar	LaunchImage-1024-748.png LaunchImage-1024-748@2x.png	無

筆者附帶一個demo下載地址，你們能夠直接將AppIcon.appiconset和LaunchImage.launchimage中的圖片替換爲本身的圖片便可