1x 、2x 、3x圖片介紹

手機屏幕分兩種

視網膜屏:

• 又叫Retain屏幕,就是高清視網膜屏幕,分辨率寬高是標準屏幕分辨率的2倍

非視網膜屏

• 又叫非Retain屏,是標準分辨率

分辨率

• 概念:分辨率的意思就是把屏幕進行橫向、縱向等分,通常描述手機屏幕用點來表示,在retina屏幕下,一個點表示兩個像素,在非retina屏幕下,一個點表示一個像素,而像素,就是常說的分辨率,在iPhone6 Plus下,一個點表示3個像素

iPhone手機的分辨率

• 在上圖可以看出
• iPhone3GS的手機,是非視網膜屏幕,它的點 和 分辨率 是相同的,也就是兩者相除 得?1
• 在iphone4/4S/5/5C//5S/6,它們都是視網膜屏幕,分辨率正好是點的兩倍,相除得2
• 而在iPhone6 Plus,雖然也是視網膜屏幕,但是分辨率是點的三倍,也就是相除得3

1x 2x 3x 圖片

• 由于不同手機的屏幕的分辨率和它的點的倍數,是不同的,所以我們在實際開發中需要準備多套圖片
• 由于目前只存在1倍,2倍,3倍,這幾種,所以目前準備的圖片就分?1x,2x,3x圖,當然由于只有3GS手機才是1x圖,而3GS手機,基本上已經無人使用,可能很多公司已經不再去制作1x圖片

圖片的命名規則:

• 1x圖片: 直接使用文件名 btn_left.png
• 2x圖片: 在文件名后加上@2x標識 btn_left@2x.png
• 3x圖片: 在文件后加上@3x標識 btn_left@3x.png

總結

在同樣一個尺寸的屏幕下由于使用的屏幕不一樣(retina和非retina),所以造成的屏幕分辨率會不同.也就是說,同樣是30*30的像素,在3.5 inch大小的屏幕上,如果是非retina顯示會大一些,retina屏幕顯示會小一些。

在開發中使用的是點.(比如 30 * 30 ,不是表示30像素,而是表示30點,這樣的話iOS系統會自動把點轉換為對應的像素)

• 非retina屏幕1個點表示1像素
• retian屏幕1個點表示2像素
• iPhone6 Plus 下1個點表示3像素

因為程序中的是點,iOS系統會自動把點轉換為不同的像素去找圖片,所以圖片對應的也要準備多份不同的圖片,

• @2X:視網膜屏幕,在原來點坐標的大小上乘以2
• @3X：在原來的坐標的大小上乘以3

總結

以上是生活随笔為你收集整理的iOS移动开发1x 、2x 、3x图片介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。