ios開發美工圖2x3x的簡單介紹

什么是二倍圖三倍圖

1、x的圖標用于1：1的屏幕，僅作為了解，現在一般都是直接使用二倍圖及三倍圖。2x的圖標用于1：2的屏幕，機型如iPhone 4S、iPhone iPhone 5s、iPhone 6及后續的iPad等。

創新互聯自2013年起，先為天津等服務建站，天津等地企業，進行企業商務咨詢服務。為天津企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

2、倍圖寬度規定是576（/0之后也就是288個像素），3倍圖規定是864（/0 之后也是288個像素）。這樣會發現以5s適配，也就是2倍圖并且5s寬度為320 ，button這個寬度，看上去還行，但是6p 寬度414，顯然感覺寬度不夠。

3、尺寸不一樣。XD是一款矢量繪圖應用，在調整形狀的時候一定程度上可任意縮放。AdobeXD默認畫板尺寸是一倍圖尺寸，PS給出的是二倍圖尺寸，3倍圖給的是3倍尺寸。

蘋果IOS程序開發不同分辨率的設備統一為一個尺寸而標記的。@3X就是@1X分辨率的3倍。iPad2 是768 x 1024，iPad Retina 是1536 x 2048，開發時都按 768 * 1024 操作。但實際上兩者有一倍差異。

就會看到工程xcassets中一張圖片有3張尺寸：@1x @2x @3x 當工程中使用名字為example的圖片時候，會根據屏幕模式自動選擇對應的圖片。

蘋果guan 網的設計規范圖片和圖標尺寸相關從guan 網的資料我們可以看出，@1X@2X@3X是蘋果ios開發不同分辨率的設備統一為一個尺寸而標記的，數字3表示分辨率的倍數。

@1x @2x @3x是開發工具Xcode軟件需要的UI資源，命好名稱后，IOS設備會自動的選取合適尺寸。 ③共用資源的圖片，輸出一張就可以類似這種重復的按鈕之類的，只要提供一張共用的資源就可以了；上面的文字是技術寫上去的。

可能要問問蘋果了...)依此類推，得出換算公式一：若有小數，四舍五入即可。在 iOS 開發中，目前只需要 @2x 和 @3x 兩種切圖，所以導出 2 倍和 3 倍的 png 圖片即可。

目前蘋果手機的尺寸及分辨率iPhone界面尺寸：320*480、640*960、640*113750*1331080*1920等。iPad界面尺寸：1024*762048*1536等。

icon尺寸桌面圖標 (app icon)xcode9 之后，要全部上傳，1024*1024的app store的圖片，不能加通道和設置透明度。

IOS界面設計尺寸規范（以iPhone6為例）界面尺寸規范界面尺寸大小是：750x1334px。

掃掃下載 AppIOS開發---&IOS7guan 方推薦圖標和圖像尺寸圖標和圖像大小每一個應用程序需要一個應用程序圖標和啟動圖像。

從guan 網的資料我們可以看出，@1X@2X@3X是蘋果ios開發不同分辨率的設備統一為一個尺寸而標記的，數字3表示分辨率的倍數。

這是因為iPhone 4中1個點等于2個像素，也就是30 x 40像素的圖片，占據了60 x 80像素的屏幕。所以為使得圖片清晰，需要進行圖片適配。

切圖也就是@2x的，開發要用到@3x和@1x（這是iphone4之前的機型目前來說已經用不到了），@2x乘以5等于@3x，（@2x除以2等于@1x）所以如果是單數的話會有小數點的情況，通俗的來講切圖會虛掉。

@3x是@2x尺寸的5倍，例如一個圖標切圖@2x尺寸是44px，那么@3x尺寸是66px。為了提升APP使用速度，盡量降低圖片文件大小在切圖資源輸出中圖標切圖輸出是很重要的部分，比如新手引導頁、啟動頁面、默認圖、廣告圖等。

因此我們采用 @2x 或者 @3x 的圖片，就是為了使圖片的位圖像素和設備位圖像素的數目接近于 1：1，就能使圖片清晰顯示不模糊。

\x0d\x0aAssistorPS\x0d\x0a也是一款PS的切圖標注插件，也被譽為神器；我使用了下，感覺相當不錯，就是標注還沒太適應，推薦一下這個。

1、蘋果IOS程序開發不同分辨率的設備統一為一個尺寸而標記的。@3X就是@1X分辨率的3倍。iPad2 是768 x 1024，iPad Retina 是1536 x 2048，開發時都按 768 * 1024 操作。但實際上兩者有一倍差異。

2、這是因為iPhone 4中1個點等于2個像素，也就是30 x 40像素的圖片，占據了60 x 80像素的屏幕。所以為使得圖片清晰，需要進行圖片適配。

3、在ios ui上面設置我們一般設置的是相對屏幕的長寬。那么對于圖片一般都需要做成長寬的@1x @2x @3x三種來適配。

4、iOS屏幕上放置內容的坐標系統，是基于以點為單位的測量值，該測量值是映射到顯示器的像素。標準分辨率顯示器的像素密度為1：1(或@1X)，其中一個像素等于一個點。

5、@1x @2x @3x是開發工具Xcode軟件需要的UI資源，命好名稱后，IOS設備會自動的選取合適尺寸。 ③共用資源的圖片，輸出一張就可以類似這種重復的按鈕之類的，只要提供一張共用的資源就可以了；上面的文字是技術寫上去的。

蘋果手機iOS界面設計尺寸和分辨率（1）界面尺寸：5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、7英寸（iPhone6/6S）、5英寸（iPhone6 plus/6S plus）等。

都需要分別對應不同尺寸。其他的也就是小屏的如 iPhone 4 5 SE 等。APP Icon 如果只是針對 iOS 移動端來說，對 iphone 做配置的話，按照下面指的這五種分別切圖即可.iPad Pro. iPad， iPad Mini 尺寸需另切。

另外現在幾乎看不到3GS了，所以需不需要提供一倍圖，還是要和工程師討論一下~@1x@2x@3x是開發工具Xcode軟件需要的UI資源，命好名稱后，IOS設備會自動的選取合適尺寸。

針對不同分辨率的圖片，蘋果規定了一個命名規范：假如一個普通分辨率的圖片，文件名是“abc.png”，那么與其對應的高分辨率的文件名就應該是“abc@2x.png”，多了“@2x”。下面是IOSAPP 圖標格式和尺寸規范。非常詳細。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容