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

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

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

方法

首先用PS打開淘寶詳情頁(yè)圖片。

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

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

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

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

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

然后點(diǎn)擊使用【切片工具】

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

將圖片全部切出。

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

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

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

接著點(diǎn)擊【儲(chǔ)存】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

請(qǐng)問一下，淘寶裝修首頁(yè)添加圖片，效果圖做出來(lái)了，想問一下圖片怎么切圖，然后加鏈接

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

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