ps如何制作淘寶詳情頁及如何切圖導(dǎo)出

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

Adobe Photoshop，簡稱"PS"，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以有效地進(jìn)行圖片編輯工作。PS操作中，PS怎么制作淘寶詳情頁及如何切圖導(dǎo)出一直是個難點，現(xiàn)在就給大家分享一些相關(guān)的小技巧。

方法

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

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

然后用標(biāo)尺將每個需要切片的圖片隔開。

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

標(biāo)尺全部標(biāo)注完成。

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

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

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

將圖片全部切出。

沒關(guān)系的，這里顯示的500不是真的，你直接導(dǎo)出來就行，是790，導(dǎo)出來就是790，這個地方不用管它

然后點擊【文件】→【導(dǎo)出】→【儲存為web所用格式】

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

接著點擊【儲存】

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

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

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

點擊進(jìn)入剛剛保存的文件夾，就可以看見導(dǎo)出的切片了，還可以在網(wǎng)頁上點擊觀看詳情頁。

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

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

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

擴(kuò)展閱讀，以下內(nèi)容您可能還感興趣。

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

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

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

3、找到切片工具，默認(rèn)的切制片工具和裁剪工具是重疊在一起的。鼠標(biāo)移到裁剪工具上點右鍵就會百出現(xiàn)切片工具，點選切片工具。

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

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

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

7、完成。在自己的保存位置，你會發(fā)現(xiàn)多了一個命名為images文件夾，切片圖片就是保存這個文件夾里的。

怎么把ps里切好的圖片文件放到淘寶裝修頁面上達(dá)到最大效率

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

用FW保存為網(wǎng)頁和圖像時會有一個網(wǎng)頁預(yù)覽，點進(jìn)去，問右鍵，打開源文件代碼，全選，復(fù)制，然后在DW里打開，將代碼都粘貼進(jìn)去，轉(zhuǎn)到圖片那個預(yù)覽的狀態(tài)，這時會出現(xiàn)一個框架答，雙擊第一個小區(qū)域，下面會出現(xiàn)一個對話框，有源文件地址和內(nèi)鏈接地址，源文件就是你上傳的切圖的地址，鏈接地址就是點擊這塊圖片后跳轉(zhuǎn)的鏈接地址。你對應(yīng)著把這些圖片地址和鏈接地址，分別粘貼到對應(yīng)的區(qū)域即可。再轉(zhuǎn)到代碼狀態(tài)，全選所有的代碼，將這些代碼粘貼到裝修自定義區(qū)容里即可——預(yù)覽——發(fā)布！ 過程也相當(dāng)復(fù)雜啊追問我求的是快捷 方便 有效的方法 你說這個我也會 不然也不會提出這樣的問題對不對追答你不粘貼能有什么方法，除非你找人開發(fā)給圖文識別加自動獲取連接的軟件

你好！ps切片圖片上傳淘寶詳情頁后有條細(xì)線怎么解決

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

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

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

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

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

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com