定義：簡單理解将網頁圖片切分為一些小碎片的過程，目的是為了提升網頁浏覽的流暢性。

切片創建非常簡單，在裁剪工具箱中。

鼠标繪制矩形選框範圍會成為“用戶切片”，而範圍外的會自動切分，成為“自動切片”

自動切片可以隐藏，也可以通過提升成為“用戶切片”

其他内容與裁剪及選框工具差不多。

如果圖像包含參考線，可以基于參考線創建切片

如果切片處于隐藏狀态：視圖-顯示-切片，可以顯示切片。

• 創建出的切片可以複制、組合、删除等操作，以便得到合适的切片。

複制：按住Alt鍵拖到切片；

組合：用切片選擇工具選擇多個切片（按住Shift），右鍵執行，組合切片。

删除：用切片選擇工具選擇切片後，鼠标右鍵删除切片，也可以用Delete或Backspace鍵來删除切片。删除切片後會重新自動生成切片以填充文檔區域。

清除全部切片：視圖>清除切片。

鎖定切片：鎖定後無法對切片移動、縮放或其他更改。執行：視圖>鎖定切片。

自動切片無法進行優化設置，所以我們有時候需要提升為用戶切片。

切片的導出：執行“文件>導出>存儲為Web所用格式（舊版）”，在彈出的窗口中設置“優化格式”為GIF，單擊存儲完成導出。

網頁上不同狀态下，呈現出不同的顔色或者樣式的按鈕，方便用戶了解當前操作狀态，這就是翻轉按鈕。

要創建翻轉按鈕至少需要兩個圖像，一個是用于表示正常狀态的圖像，另一個則用于表示處于更改狀态的圖像。

舉例：

素材1

實例33.1-右上角創建播放器翻轉按鈕效果

應用矩形工具 橢圓工具 鋼筆工具，繪制模式為形狀，創建視頻播放器翻轉按鈕效果

網頁中可播放的視頻文件，如果不被明确标注出來很可能被用戶忽略，所以我們增加翻轉按鈕，當用戶将光标移動到可播放的視頻上時，視頻縮略圖呈現為播放器效果。

重要内容：再重複一次

切片的導出：執行“文件>導出>存儲為Web所用格式（舊版）”，在彈出的窗口中設置“優化格式”為GIF，單擊存儲完成導出。

• 設置不同的存儲格式

不同的格式的圖像文件其質量與大小也不同。

可供選擇的Web圖像的優化格式包括：GIF、JPEG、PNG-8、PNG-24、WBMP

GIF：網頁最常用的格式。可顯示256種顔色，參數設置較多，重要的進行解釋

顔色深度算法、顔色：可選擇、數值越大，顔色越接近原圖像

交錯：正在下載文件時，在浏覽器中顯示圖像的低分辨率版本。

損耗：通常設置5~10，可減少文件大小5~40%，大于10，圖像的質量也會降低。

JPEG：是一種比較成熟的有壓縮格式的圖像格式之一，雖然會丢失部分數據，但人眼幾乎無法分别差異。

壓縮品質：越大，圖像細節越豐富，但文件也越大。

模糊：數值越大，模糊效果越明顯，但會減少圖像的大小，最好不要超過0.5

雜邊：為原始圖像的透明像素設置一個填充顔色。

PNG-8:專門為Web開放的，支持244位圖像并産生無鋸齒狀的透明背景。

PNG-24：可以保留多達256個透明度級别，适合于壓縮連續色調圖像（？），但生成的文件比JPEG格式大得多。

WBMP：用于優化移動設備的标注格式，隻支持1位顔色，隻包含黑白像素。

執行“文件>導出>Zoomify”，用于導出高分辨的JPEG文件和HTML文件，然後可以将這些文件上載到Web服務器上，以便查看着平移和縮放該圖像的更多細節。适用于在需要商品細節進行展示時使用。

可能是要上傳吧。未上傳測試預覽效果失敗，可能是我的操作問題，有懂得的大神請指點下。

這章節内容都是幹貨，現在不是我的重點，後續從事時再單獨研究。

感謝大家的關注及閱讀。

下節學習3D立體效果，應該很有趣。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!