如今說起2020年淘寶詳情頁尺寸，淘寶詳情頁圖片尺寸多少合適？首先，關(guān)于淘寶詳情頁尺寸多大這個問題，需要考慮以下三個因素和一個原則，下面一起來了解下吧。

今年淘寶規(guī)則變化特別大。比如3：4的縱向主圖、白底圖、PNG透明主圖，直播也需要白底圖等。而這些特殊的圖片最大的價值在于獲得首頁免費(fèi)流量曝光，這些新規(guī)則的變化，并沒有幾個運(yùn)營懂，這是很悲哀的，就算他們知道了，也似乎看不上這些免費(fèi)渠道，因?yàn)闊蓖ㄜ嚫p松。與其每天加班熬夜研究這些規(guī)則，還不如直接開車，多空點(diǎn)時間來看電影，看新聞。這是目前絕大多數(shù)電商都存在的問題。之所以我們要說這個內(nèi)容，是因?yàn)楝F(xiàn)在平臺要求變了，做圖花樣多了，希望大家引起注意，跟上平臺要求。

1 一個原則：

拿到產(chǎn)品照片，對那些角度、細(xì)節(jié)、彩色都很滿意的圖片，將圖片圖層復(fù)制，再轉(zhuǎn)為智能對象，

再將畫布調(diào)為正方形，文件大小為800*800px。然后摳出來，并且用鋼筆工具摳，原來再修復(fù)圖片，讓它更趨近完美。之所 以這樣操作，是因?yàn)楫?dāng)我們這完成操作之后，可以將這個文件保存為透明圖片，是JPG白底圖片等，這種圖片是獲得免費(fèi)流量的必須品。我們只要記住這個操作就可以了。想要提高工作效率，在處理圖片的時候，一定要把這個環(huán)節(jié)做好，可以省掉很多多余的操作。后期的銀河素材中心、天貓素材褲、直播的圖片直接就可以用了，不用再做。輕松吧。

2 縱向主圖是750*1000 px

現(xiàn)在店鋪的流量都在手機(jī)端，手機(jī)端的主圖是750*1000。天貓?jiān)斍轫搶捠?90，另外，現(xiàn)在看詳細(xì)頁的人會越來越少，更多時間是主圖和SKU以及視頻。所以，現(xiàn)在做圖片，要把重點(diǎn)放在主圖片。做詳情頁的時候，我們就以790*1100這個規(guī)格的整倍數(shù)來做。寬是不變的，高是1100的整數(shù)倍，比如高是11000。

3 切片問題

按我們上一部的要求，將詳情頁規(guī)定斬定為790*11000，在切片的時候，平均切，每個切片規(guī)格是750*1100。我們在設(shè)計(jì)的時候，盡時不要說內(nèi)容橫跨兩個切圖片，也就是說讓每個切片都是相對獨(dú)立完整的內(nèi)容。

之所以這要這樣操作，一來我們好布局內(nèi)容，二來是可以將切片的規(guī)格適當(dāng)調(diào)整后直接用來做主圖，我們的工作效率瞬間提升了幾個檔次。

以上是我在多年的美工工作中的一點(diǎn)小結(jié)，希望能對你帶去幫助。嚴(yán)格來說，詳情頁的切片沒有規(guī)格限制，現(xiàn)在網(wǎng)速快，手機(jī)運(yùn)行也快，只要不是一整張圖片，平常瀏覽根本就沒有明顯的差別。

特別聲明：本文文章轉(zhuǎn)載分享，不做商業(yè)用途，本文轉(zhuǎn)載悟空問答，原文作者：淘寶美工老申。如果想了解更多知識請到原平臺“關(guān)注作者”，如果喜歡馬上去關(guān)注作者吧。

淘寶寶貝詳情頁空白是為什么？怎么解決

如今說到淘寶寶貝詳情頁是展示產(chǎn)品的地方，當(dāng)然，商家們在上傳產(chǎn)品詳情頁信息的時候也是非常的用心，但是有些商家發(fā)現(xiàn)，傳了之后，詳情頁卻發(fā)現(xiàn)有空白的地方，那淘寶寶貝詳情頁空白是為什么？怎么解決?下面來看看吧。

一、淘寶寶貝詳情頁空白是為什么？

在切圖的時候，特別是比較多的時候，會很易出現(xiàn)圖錯位的現(xiàn)象就可能有空白，首先，先檢查自己的代碼有沒有問題。

檢查下有沒有空格，有沒有忘記替換的圖片鏈接?？纯从袥]有那種gif的那個小圖片，有的話，全部替換掉，解決切片白邊，一種方法是全部居頂。

在原來的代碼中的圖片后面加上 align="top" 就可以了，所有圖片后面都要加，全部加好之后，就沒有問題，都可對齊。

二、淘寶寶貝詳情頁空白怎么解決

其實(shí)，出現(xiàn)空白可能是因?yàn)槟阍谧鰣D時圖片有問題，所以，先檢測圖其次看鏈接，代碼等都處理好后，基本上就可以解決空白的問題了。

三、淘寶寶貝詳情頁的疑問

1.為什么淘寶詳情頁右側(cè)有長條灰色區(qū)域?

那個是寶貝詳情頁的導(dǎo)航欄。因?yàn)楹芏鄬氊愒斍轫撁娑己荛L，如果買家不愿意依依看下去的話，可以通過導(dǎo)航欄直接到達(dá)他想看的內(nèi)容。如果是賣家，可以設(shè)置詳情頁導(dǎo)航的，比如設(shè)置寶貝尺寸，買家在右邊這里可以看到，點(diǎn)就直接可以到達(dá)尺寸那部分內(nèi)容了。

設(shè)置在編輯寶貝--寶貝詳情頁編輯框右上角就有導(dǎo)航設(shè)置。

2.手機(jī)端詳情頁上下兩張圖片中間的空白條怎么做出來的?

如果是想讓詳情頁的上下兩張圖片之間有空白間隙，可以到淘寶旺鋪詳情頁面，進(jìn)入到對應(yīng)的寶貝裝修頁面，然后點(diǎn)對應(yīng)的圖片，在該圖片的最下方，就會出現(xiàn)個可以長下拖動的按鈕，鼠標(biāo)向下拉就可以制作出可調(diào)節(jié)高度的空白間隙，并且在右側(cè)還可以給間隙設(shè)置背景顏色。

3.如何設(shè)置詳情頁右側(cè)的快速直達(dá)?

可以通過編輯頁詳情頁編輯框第二排最后一個按鈕「詳情導(dǎo)航」里增加模塊，商品發(fā)布后就可以在商品詳情頁生成快速直達(dá)導(dǎo)航條：沒有模板的就先點(diǎn)擊「新建模塊」生成。

已建好模塊的，可以直接選擇模塊引用，避免重復(fù)勞動。比如：售務(wù)等介紹就用通過這種引用的方式。

這個問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號是為: msc496。

更多資訊請關(guān)注幕 思 城。