1 iOS設備的分辨率

iOS設備，目前最主要的有3種（Apple TV等不在此討論），按分辨率分為兩類

iPhone/iPod Touch

普屏分辨率 320像素 x 480像素

Retina分辨率 640像素 x 960像素

iPad,iPad2/New iPad

普屏 768像素 x 1024像素

Retina屏 1536像素 x 2048像素

2 iOS設計時用的點與分辨率的關系

盡管有上面列出的4種分辨率情況，不過細心的人會發現，對於Retina屏的分辨率始終保持為普屏的2倍，這對於iOS的設計還是開發的時候提供的莫大的方便，自然可以想到對於界面設計而言，只需要設計一套，然后進行等比例放大縮小即可。實際進行設計與開發的時候，也確實是這樣，Apple為了防止在交流過程中（尤其對於編程實現）分辨率對思維的迷惑，統一使用點（Point）對界面元素的大小進行描述，例如：

iPhone/iPod Touch

界面描述 320點 x 480點

iPhone/iPad

界面描述 768點 x 1024點

換算關系

普屏 1點 = 1像素

Retina屏 1點 = 2像素

這樣，不管我們是在為普屏還是Retina屏進行設計與開發，我們都可以清楚地，並且統一地使用點對界面元素的大小進行描述了。

3 iOS界面圖片的命名

現在我們能夠用統一的語言描述兩種屏幕的界面元素的大小，但是我們如何針對不同屏幕設置不同分辨率的圖片素材呢？難道說開發的時候我們要在每一個圖片加載的地方進行，添加判斷當前設備是否是Retina屏的語句，然后加載對應的圖片嗎？當然可以這樣做，但是iOS有一套更簡便的方法進行自動加載，即通過規范的文件名命名。例如下面這條加載圖片的語句：

[UIImage imageNamed:@"pic.png"]]

在實際運行時，如果發現當前的設備是Retina屏，會自動尋找圖片"pic@2x.png" ，自動加載針對Retina屏的圖片素材，是不是很方便呢？

所以，我們在制作iOS設備時，可以仿照下面這樣，對圖片文件進行分類，對於640x960文件夾里的圖片，文件命名添加"@2x"即可。