更新時(shí)間：2014-12-24網(wǎng)站設(shè)計(jì)，一般我們從設(shè)計(jì)師那得到的都是psd文件，里面有幾十或者上百個(gè)圖層（一般會根據(jù)內(nèi)容分好文件夾），有文字有圖片，有的只在特殊情況下顯示的（比如鼠標(biāo)劃過），這時(shí)候就需要根據(jù)自己的需要導(dǎo)出不同的圖。
切圖的時(shí)候也會有許多考慮，比如把哪些內(nèi)容壓縮成一張圖片，什么時(shí)候用透明背景（PNG），什么時(shí)候用CSS Sprite（把瑣碎的小圖比如按鈕、logo復(fù)制到一張透明背景的圖上然后保存為一張圖，再用background position去提取。）文字是切成圖片，還是復(fù)制到HTML里。（一般情況下都不會把文字切成圖，除非用到比較特殊的字體或者變形。）等等嗎。然后即 使是用photoshop保存為web格式導(dǎo)出的圖，有時(shí)候尺寸也是很大的（特別是PNG），這時(shí)要使用一些專業(yè)壓縮工具進(jìn)行二次壓縮。
當(dāng)然有些有前端經(jīng)驗(yàn)的設(shè)計(jì)師會把切好的圖片發(fā)給你，這樣就可以直接開始寫HTML和CSS了，但是我建議還是盡量自己切，掌握熟練的切圖技巧也是一個(gè)前端應(yīng)該有的技能。
