前端工程師使用PS，除了進行測量外，更重要的是進行切圖。
哪些圖片是需要切出來的呢？一般分為兩類：
修飾性圖片（一般用在background屬性）：圖标/logo；有特殊效果的按鈕、文字等；非純色的背景；
~主要對網頁内容進行修飾，一般會被制作為雪碧圖；
~通常被保存為png24(IE6不支持半透明，需要對IE6做兼容)和png8格式；
// png24和png8都支持半透明，但png24支持半透明，圖片質量比較高；png8不支持半透明；
内容性圖片（一般用在img标簽）：banner、廣告圖片；文章中的配圖（若服務器中的數據，可以不切圖，隻用img站位）
一圖勝前言，~主要為網頁提供内容；
~顔色較為豐富，一般存為JPG格式，當然會做一些壓縮，保證圖片不會太大；
【切圖步驟】
（1）隐藏文字隻留背景
// 若文字上有特殊效果，無法用代碼寫出，則把文字和背景一起切出
> 若文字為獨立圖層，則隐藏文字（使用移動工具找到文字圖層，去掉眼睛）
> 文字和背景合并，平鋪背景覆蓋文字
>> （适應于背景可以拉伸平鋪）矩形選框工具 自由變換Ctrl T,拉伸背景覆蓋文字，然後回車或雙擊
>> （背景有紋理，不可以拉伸）矩形選框工具在背景上畫一個小框，移動工具 Alt來複制當前圖層，一次次按下方向鍵或用鼠标移動（鼠标移動時，按住shift可保證圖層按直線移動）
（2）移動工具選中所需圖層（ctrl 點擊圖層的矩形區域），出現螞蟻線
（3）合并圖層< ctrl e>（可選） // 勾選自動選擇，然後将需要的多個圖層合并
（4）複制圖層< ctrl c > -- 新建文件< ctrl n >，點擊确定 -- 粘貼圖層< ctrl v >
【案例】（從不同類型圖片的切圖角度進行說明）
【切png24】
移動工具選中所需圖層（按住ctrl多選）-- 右鍵合并圖層< ctrl e > -- 再右鍵複制圖層至新文件（目标：新建< ctrl n >、命名）或拖至已有文件
// 單一圖層，直接跳到第三步
Webpiece_整合分析、記錄點滴
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
