中小賣家裝修過程時做出來的裝修版面圖或者描述版面圖，由于圖片比較大，如果單獨(dú)使用會不利于買家瀏覽網(wǎng)頁時加載頁面，這時就需要用到的技術(shù)應(yīng)該是圖片切片和代碼，今天就告訴大家怎樣來切片和使用代碼。
1丶需要2個軟件，一個是photoshop 另一個是dreamwear 。
首先使用的是photoshop
先切圖，用最簡便的方式在圖片上面拉出參考線，如下圖
nclick="window.open('/uploads/allimg/1312/1_131202104806_1.jpg')" />
選擇切片工具
nclick="window.open('/uploads/allimg/1312/1_131202104822_1.jpg')" />
選擇基于參考線切片
nclick="window.open('/uploads/allimg/1312/1_131202104836_1.jpg')" />
選擇基于參考線切片之后效果如下：
nclick="window.open('/uploads/allimg/1312/1_131202104848_1.jpg')" />上面那個大圖被切成了2個，太多了，現(xiàn)在需要給合并起來，用組合切片工具來實(shí)現(xiàn)。
選擇切片選擇工具：
nclick="window.open('/uploads/allimg/1312/1_131202104908_1.jpg')" />選擇第一個切片的時候會出現(xiàn)黃色的邊框，然后按著Shift選擇第二個切片，同時出現(xiàn)黃框，之后右鍵出現(xiàn)組合切片，完成組合。
nclick="window.open('/uploads/allimg/1312/1_131202104919_1.jpg')" />完成組合之后效果如下：
nclick="window.open('/uploads/allimg/1312/1_131202104929_1.jpg')" />現(xiàn)在上面的大圖就變成了一個切片。
現(xiàn)在切片都切好并且按著自己的方式已經(jīng)組合完畢，就可以導(dǎo)出圖片和代碼文件了。
選擇文件，儲存為web格式：
nclick="window.open('/uploads/allimg/1312/1_131202104939_1.jpg')" />選擇所有切片，并且格式設(shè)置為jpg，若需要透明圖片的話可以選擇png格式，質(zhì)量80即可。
nclick="window.open('/uploads/allimg/1312/1_131202104950_1.jpg')" />之后選擇存儲。
設(shè)置如下圖所示：
nclick="window.open('/uploads/allimg/1312/1_131202105001_1.jpg')" />文件名盡量設(shè)置一個可以識別的，有意義的名字，格式選擇html和圖像，切片選擇所有切片，之后點(diǎn)擊保存即可。
nclick="window.open('/uploads/allimg/1312/1_131202105013_1.jpg')" />保存之后出現(xiàn)上述文件。
images里面的圖片就是咱剛才切的圖。
nclick="window.open('/uploads/allimg/1312/1_131202105025_1.jpg')" />到這里photoshop已經(jīng)用完了，下面就開始使用dreamwear來編輯代碼。
先登錄淘寶賬號進(jìn)入賣家中心點(diǎn)擊圖片空間上傳圖片
nclick="window.open('/uploads/allimg/1312/1_131202105038_1.jpg')" />
nclick="window.open('/uploads/allimg/1312/1_131202105050_1.jpg')" />選擇適合自己的圖片上傳方式上傳圖片。
nclick="window.open('/uploads/allimg/1312/1_131202105102_1.jpg')" />
nclick="window.open('/uploads/allimg/1312/1_131202105201_1.jpg')" />點(diǎn)擊立即上傳即可。
上傳之后就是使用dreamwear了。
打開之前生成的html文件
nclick="window.open('/uploads/allimg/1312/1_131202105217_1.jpg')" />打開設(shè)計視圖。
選擇其中的圖片，在下面屬性里面看到如圖效果（如果沒有出現(xiàn)屬性，可以在視圖里面找到屬性點(diǎn)擊即可）
nclick="window.open('/uploads/allimg/1312/1_131202105544_1.jpg')" />之后進(jìn)入淘寶圖片空間找到對應(yīng)圖片，點(diǎn)擊鏈接
nclick="window.open('/uploads/allimg/1312/1_131202105744_1.jpg')" />現(xiàn)在已經(jīng)給圖片地址復(fù)制下來了。
然后進(jìn)入dreamwear給地址粘貼到屬性下面地址當(dāng)中，如圖所示：
nclick="window.open('/uploads/allimg/1312/1_131202105758_1.jpg')" />這個就給圖片換好了，其他圖片也是一樣的步驟。如果需要給圖片加鏈接，在屬性里面那個鏈接的地方添加需要添加的鏈接即可。
這些都添加完成之后在dreamwear中點(diǎn)擊代碼模式，給里面的代碼全部復(fù)制下來。
nclick="window.open('/uploads/allimg/1312/1_131202105814_1.jpg')" />之后進(jìn)入淘寶后臺店鋪裝修頁面，在自定義模塊里面點(diǎn)擊源碼方式，給剛才復(fù)制的代碼粘貼上面即可。
nclick="window.open('/uploads/allimg/1312/1_131202105827_1.jpg')" />到此就完成了基本的裝修。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
本文來源： 如何切割圖片和生成代碼裝修淘寶店鋪
