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裡嘛