一套完整的 App 通常會(huì)有很多張切圖咙咽，不管是 iPhone 需要 1x、2x淤年、3x 圖檔钧敞，Android 需要至少 3 種 hdpi、xhdpi麸粮、xxhdpi溉苛。
hdpi:WVGA 800480 (Wide VGA)
xhdpi:720p 1280720 標(biāo)清
xxhdpi:1080P 1920*1080 高清
ios切圖尺寸規(guī)則
目 前iPhone有10種型號(hào)，5種屏幕尺寸弄诲，再加上6plus的“降采樣” （Downsampling）（1080-1920）炊昆，還有iPhone6和6+上的放大模式（1125-2001）和默認(rèn)模式（1242-2208）， 是不是感覺好恐怖？但是不用怕凤巨，我分享一套超簡(jiǎn)單的適配方法视乐，看完你都不信有這么簡(jiǎn)單~
美術(shù)交付給開發(fā)的資料有
1、 標(biāo)注圖（以640為寬度尺寸為基準(zhǔn)標(biāo)注）
2敢茁、 2x切圖（以640為寬度尺寸為基準(zhǔn)切圖）
3佑淀、 3x切圖（以1280為寬度尺寸為基準(zhǔn)切圖）
開發(fā)看到這份標(biāo)注圖，可以自己用上面的數(shù)字彰檬，乘以1.5得出3X的數(shù)字伸刃。
1.為什么3x切圖要以1280來為寬度？其實(shí)iPhone6+的尺寸12422208作為3X逢倍，怎么算都又難記又不能整除捧颅，我們直接6402得到1280跟1242相差也沒幾十個(gè)像素，最重要的是不虛邊啊较雕，放在真機(jī)上看（處女座除外）看不出差別的碉哑。
2.為什么只設(shè)寬度？為了保持長(zhǎng)寬比例亮蒋。iPhone的這幾個(gè)尺寸不是正好的扣典，寬度放大后高度總差那么幾個(gè)像素，這不要緊慎玖，千萬別去改高度贮尖，手機(jī)屏幕是可以上下滑動(dòng)的嘛。不可以滑動(dòng)必須保證一屏顯示的除外趁怔，手動(dòng)去調(diào)整好了湿硝。
3.為什么開發(fā)不是乘以2而是乘以1.5來算尺寸和字號(hào)？因?yàn)榇笃潦謾C(jī)就是要顯示更多內(nèi)容而存在的润努。純等比放大界面看起來傻大傻大的图柏，實(shí)驗(yàn)證明1.5倍是正好的。
移動(dòng)端IOS知識(shí)普及：IOS標(biāo)準(zhǔn)分辨率：1242px * 2208px
切片要求：
1任连、設(shè)計(jì)稿是按標(biāo)準(zhǔn)分辨率1242X2208設(shè)計(jì)，圖片資源尺寸則是3倍圖尺寸例诀，將整個(gè)設(shè)計(jì)圖壓縮成750X1334随抠，圖片資源尺寸則是2倍圖尺寸，在二倍圖的基礎(chǔ)上壓縮成50%繁涂，圖片資源尺寸則是1倍圖尺寸拱她；
2、產(chǎn)品效果圖獨(dú)立切片扔罪，即是每張效果圖獨(dú)立建立一個(gè)文件夾（命名以效果圖名稱為準(zhǔn)）秉沼，文件夾內(nèi)容包含1倍圖文件、2倍圖文件、3倍圖文件和標(biāo)識(shí)文件
3唬复、圖片命名要求語義化矗积，格式為png；
4敞咧、圖片資源需要備有1倍圖棘捣、2倍圖、3倍圖休建，3倍圖命名規(guī)則為：添加后綴@3x乍恐；2倍圖命名規(guī)則為：添加后綴@2x；例如：1倍圖：abg.png测砂，2倍圖則為：abc@2x.png茵烈，3倍圖則為：abc@3x.png;
5、 字體:IOS默認(rèn)字體—— 英文 HelveticalNeue 中文 黑體砌些；字體大小采用點(diǎn)pt呜投，設(shè)計(jì)稿以相對(duì)單位px，字體大小需要進(jìn)行轉(zhuǎn)化寄症，轉(zhuǎn)化公式為：px72/96=pt（eg：12px72/96=9pt）宙彪， 字體顏色只需給出rgb值（eg：color：rgb（255，255有巧，255））释漆；
6、頁面純色背景需標(biāo)出rgb值篮迎，如果有透明度則需標(biāo)出rgba值男图，其他特殊背景直接切圖；
7甜橱、頁面的圖標(biāo)逊笆、色塊、按鈕的高度都必須是4的倍數(shù)岂傲，最小像素不能低于44px难裆，如不夠可以添加補(bǔ)白；
8镊掖、頁面外邊距留白為10px乃戈；
9.啟動(dòng)圖標(biāo)1024*1024,png格式，不能透明底亩进，透明的部分補(bǔ)白色症虑。
IOS切圖規(guī)范：
設(shè)計(jì)圖：1242X2208
三倍圖：按1242X2208來切 iphone plus
二倍圖：將整個(gè)設(shè)計(jì)圖壓縮成750X1334 按750X1334切
一倍圖：在二倍圖的基礎(chǔ)上壓縮成50%一倍圖
Ios啟動(dòng)圖：圖標(biāo)按照最大1024*1024來設(shè)計(jì)，之后按照比例縮小到每個(gè)尺寸归薛，再進(jìn)行調(diào)整谍憔，提交沒有高光和陰影的直角方形圖即可匪蝙；
android切圖規(guī)范：
drawable-hdpi (dpi=240, density=1.5) 480X800
drawable-xhdpi (dpi=320, density=2) 720X1080
drawable-xxhdpi (dpi=480, density=3) 1080X1920
