ps如何製作淘寶詳情頁及如何切圖導出

網頁鏈接標準答案，知乎上面圖片清晰，是我本人回答的 PS做淘寶詳情頁，導出-存儲為web所用格式，修改圖片尺寸時彈出要求介於1-410之間的值， ps存儲為web所用格式介於1到779之間 標準答案: 高度在8192的原因是因為上圖位置一選擇了優化，可

Adobe Photoshop，簡稱"PS"，是由Adobe Systems開發和發行的圖像處理軟件。Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。PS操作中，PS怎麼製作淘寶詳情頁及如何切圖導出一直是個難點，現在就給大家分享一些相關的小技巧。

方法

首先用PS打開淘寶詳情頁圖片。

樓主，淘寶首頁就是用div+css製作的，只有純數據會用表格，切圖的時候，圖片都是切最小的，小到1K的小圖片，一般會用cssSprite技術，將小圖片都合成一張圖片，這樣可以減少http請求。c店也是用div+css。 淘寶的詳情編輯框是一個模塊，實際網站開

然後用標尺將每個需要切片的圖片隔開。

步驟如下： 1.首先我們需要用到的文件就是psd的文件了，一般都是由設計師來完成的，我們切圖也就是切psd文件，因為psd文件是分層的，所以想切哪裏切哪裏。 2.之後用Photoshop軟件打開psd文件，這裏小魚用CC版本演示，其他版本大同小異。我們打開

標尺全部標註完成。

1、Photoshop打開詳情頁，然後點擊切片工具。 2、點擊切片工具後，按照詳情頁內容進行切片。 3、全部切好。 4、按Ctrl+Shift+Alt+S進入Web格式，在右側預覽中按住Alt鍵把圖片縮小，然後全部選中所有切片。 5、然後把格式改為JPEG。 6、最後點擊

然後點擊使用【切片工具】

PC端：C店寬度750像素，天貓寬度790像素，高度800像素左右無線端：寬度480- 620像素，高度900-950像素（需要小於960像素） 拓展資料： 可以通過photo shop對淘寶進行切圖，方法如下： 啟動photo shop軟件，打開長圖。 選在左側的切片工具。（如

將圖片全部切出。

沒關係的，這裏顯示的500不是真的，你直接導出來就行，是790，導出來就是790，這個地方不用管它

然後點擊【文件】→【導出】→【儲存為web所用格式】

淘寶助理就可以了。切圖切成多大的話看你詳情頁還是主圖！尺寸的話百度下就知道了。謝謝對淘寶的支持。

接着點擊【儲存】

1、首先將要裁剪的圖片備好份，先檢察好需要裁剪的圖片，若是沒有圖片有問題，裁剪就是在浪費時間，因此一定要養成檢察的好習慣。 2、用PS打開圖片，點開始--打開，找到文件所在的位置，將其打開，如圖： 3、找到切片工具，默認的切片工具和裁剪

然後設置一下保存位置以及文件名稱和格式，最後點擊【確定】即可。

1、首先將要裁剪的圖片備好份，先檢察好需要裁剪的圖片，若是沒有圖片有問題，裁剪就是在浪費時間，因此一定要養成檢察的好習慣。 2、用PS打開圖片，點開始--打開，找到文件所在的位置，將其打開，如圖： 3、找到切片工具，默認的切片工具和裁剪

點擊進入剛剛保存的文件夾，就可以看見導出的切片了，還可以在網頁上點擊觀看詳情頁。

通常我的做法是用PS做好淘寶裝修圖片，這時這個圖產品較多，要切圖後加鏈接，我一般用FW，也就是FIREWORKS切圖，然後存為網頁和圖像可用模式，存儲時記得命名前綴為1，或者一個你定好的統一前綴名，以免搞錯。用FW切圖，省空間。然後將切好的圖

好的，方法分享就到此為止了，希望能對你有所幫助。

需要上載圖片看看啥效果，檢查一下代碼是否有問題。如果是白線條，主要原因應該在上載淘寶圖片代碼的時候中間誤插入了其他東西。通常詳情頁切片都是橫着切片一般是不會出現白色線條。建議上載圖片或者自己再仔細檢查一下代碼是否有問題。

擴展閲讀，以下內容您可能還感興趣。

怎麼用PS裁切一張很長的圖片？就是裁切詳情頁模板！滿意了我加分！

1、首先將要裁剪的圖片備好份，先檢察好需要裁剪的圖片，若是沒有圖片有問題，裁剪就是在浪費時間，因此一定要養成檢察的好習慣。

2、用PS打開圖片，點開始--打開，找到文件復所在的位置，將其打開，如圖：

3、找到切片工具，默認的切製片工具和裁剪工具是重疊在一起的。鼠標移到裁剪工具上點右鍵就會百出現切片工具，點選切片工具。

4、先好切片工具後， 將光標移到圖片位置，點右建，選擇劃分切片，出來如下對話框：這裏可以可以根據需要進行水平和垂直兩種方式，也可以選按桉你所需的份數或是按象素進行裁剪。（注：按像素裁的話，最後不一定是相等像素的）

5、選擇好後點確定即可，接下來就是保存裁剪好的圖，這跟普通的保存方式略有不度同，如圖所示，點選後，在彈出來的對話框點確定，進入下一個界面。

6、在新出來的界面中，可以在上面的圖片預設處選擇自己需要的格式，其它地默認即可，然後點下面的保存，選好自己的何存位置。

7、完成。在自己的保存位置，你會發現多了一個命名為images文件夾，切片圖片就是保存這個文件夾裏的。

怎麼把ps裏切好的圖片文件放到淘寶裝修頁面上達到最大效率

通常百我的做法是用PS做好淘寶裝修圖片，這時這個圖產品較多，要切圖後加鏈接，我一般用FW，也就是FIREWORKS切圖，然後存為網頁和圖像可用模式，存儲時記得命名前綴為1，或者一個你定好的統一前綴名，以免搞錯。用FW切圖，省空間。然度後將切好的圖上載到空間。

用FW保存為網頁和圖像時會有一個網頁預覽，點進去，問右鍵，打開源文件代碼，全選，複製，然後在DW裏打開，將代碼都粘貼進去，轉到圖片那個預覽的狀態，這時會出現一個框架答，雙擊第一個小區域，下面會出現一個對話框，有源文件地址和內鏈接地址，源文件就是你上載的切圖的地址，鏈接地址就是點擊這塊圖片後跳轉的鏈接地址。你對應着把這些圖片地址和鏈接地址，分別粘貼到對應的區域即可。再轉到代碼狀態，全選所有的代碼，將這些代碼粘貼到裝修自定義區容裏即可——預覽——發佈！ 過程也相當複雜啊追問我求的是快捷 方便 有效的方法 你説這個我也會 不然也不會提出這樣的問題對不對追答你不粘貼能有什麼方法，除非你找人開發給圖文識別加自動獲取連接的軟件

你好！ps切片圖片上載淘寶詳情頁後有條細線怎麼解決

需要上載圖片看百看啥效果，檢查一下代碼是否有問題。如果是度白線條，主要原因應該在問上載淘寶圖片代碼的時候中間誤插入了其他東西。通答常詳情頁切片都是橫着切片一般是不會出現白版色線條。建議上載圖片或者自己再權仔細檢查一下代碼是否有問題。

PS淘寶詳情頁切片 切片保存時 百分比顯示81.8 不是100 有影響嗎？百分比需要改到100嗎？

沒有影響，不需要改百分比的。ps切片保存時百分比的顯示是預覽的圖片大小而不是實際圖片的大小，保存後不會有影響。追問好的 謝謝

請問一下，淘寶裝修首頁添加圖片，效果圖做出來了，想問一下圖片怎麼切圖，然後加鏈接

ps裏面有個切圖工具可以切，切完之後保存成web格式，然後再把圖片用dw打開，他會自動生成一串代碼，選中你剛剛切好的位置加個鏈接就好了。你可以試一下，不會的話再問我。追問你説的“選中剛剛切好的位置加鏈接”這個是在哪裏做的啊，是DW裏嘛