PS切圖工具

緩存設置：

編輯-首選項-暫存盤

改完除了C盤以外的其餘盤

 

 單位設置：

編輯-首選項-單位與標尺

將單位修改爲像素

 

 PS預設：

工具   （窗口-工具）

標尺  （視圖-標尺）

圖層  （窗口-圖層）

信息   （窗口-信息）

字符   （窗口-段落）

 

 

框選一塊區域後，能夠在信息裏查看尺寸相關

 

 

藉助輔助線切圖：拉好輔助線，使用裁剪工具框選住，裁剪出來

 

 

一個裁剪png圖片的好方法：

文件新建建立一個透明圖層

選擇工具，選中所須要的圖層，拖拽到新文件的透明圖層上

圖像-裁切-基於透明圖像裁切

成功裁剪出一個最小範圍的完整的png圖片

---

 

切片工具能夠一次完成全部須要的圖片的裁切，可是效率不高，不推薦使用

圖片存儲中：PNG8和PNG24的區別

低版本IE不支持PNG24，會出現模糊的狀況，而且背景會填充顏色

PNG8顏色飽和度不如PNG24

通常仍是建議使用PNG24

---

 

統一色塊的一塊區域，只須要設置寬度或者高度爲1像素便可，在代碼中設置重複平鋪便可

圖片越多，網頁加載越慢

能夠將不少小圖標放置在一張圖片上：雪碧圖

---

 

切圖的優化

顏色代替圖片

雪碧圖的製做

字體圖標的使用

切圖經常使用快捷鍵

刪除圖層 delete

合併圖層 ctrl+e

切圖輔助工具

Markman  （便於測量顏色、間距等）

Tinypng  （用於壓縮圖片）

前端自動化