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

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

1 一個原則：

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

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

2 縱向主圖是750*1000 px

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

3 切片問題

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

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

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

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

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

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

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

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

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

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

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

其實，出現(xiàn)空白可能是因為你在做圖時圖片有問題，所以，先檢測圖其次看鏈接，代碼等都處理好后，基本上就可以解決空白的問題了。

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

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

那個是寶貝詳情頁的導航欄。因為很多寶貝詳情頁面都很長，如果買家不愿意依依看下去的話，可以通過導航欄直接到達他想看的內容。如果是賣家，可以設置詳情頁導航的，比如設置寶貝尺寸，買家在右邊這里可以看到，點就直接可以到達尺寸那部分內容了。

設置在編輯寶貝--寶貝詳情頁編輯框右上角就有導航設置。

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

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

3.如何設置詳情頁右側的快速直達?

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

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

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

更多資訊請關注幕 思 城。