作者：巨人電商

如何切割圖片和生成代碼裝修淘寶店鋪

POST TIME:2020-10-24

中小賣家裝修過程時做出來的裝修版面圖或者描述版面圖，由于圖片比較大，如果單獨使用會不利于買家瀏覽網(wǎng)頁時加載頁面，這時就需要用到的技術(shù)應(yīng)該是圖片切片和代碼，今天就告訴大家怎樣來切片和使用代碼。 1丶需要2個軟件，一個是photoshop 另一個是dreamwear 。首先使用的是photoshop 先切圖，用最簡便的方式在圖片上面拉出參考線，如下圖

選擇切片工具

選擇基于參考線切片

選擇基于參考線切片之后效果如下：

上面那個大圖被切成了2個，太多了，現(xiàn)在需要給合并起來，用組合切片工具來實現(xiàn)。選擇切片選擇工具：

選擇第一個切片的時候會出現(xiàn)黃色的邊框，然后按著Shift選擇第二個切片，同時出現(xiàn)黃框，之后右鍵出現(xiàn)組合切片，完成組合。

完成組合之后效果如下：

現(xiàn)在上面的大圖就變成了一個切片。現(xiàn)在切片都切好并且按著自己的方式已經(jīng)組合完畢，就可以導出圖片和代碼文件了。選擇文件，儲存為web格式：

選擇所有切片，并且格式設(shè)置為jpg，若需要透明圖片的話可以選擇png格式，質(zhì)量80即可。

之后選擇存儲。設(shè)置如下圖所示：

文件名盡量設(shè)置一個可以識別的，有意義的名字，格式選擇html和圖像，切片選擇所有切片，之后點擊保存即可。

保存之后出現(xiàn)上述文件。 images里面的圖片就是咱剛才切的圖。

到這里photoshop已經(jīng)用完了，下面就開始使用dreamwear來編輯代碼。先登錄淘寶賬號進入賣家中心點擊圖片空間上傳圖片