現(xiàn)在手機(jī)以帶動(dòng)段去去購(gòu)物逐漸成為了潮流,但是有的時(shí)候也會(huì)出現(xiàn)一些難以解決的問(wèn)題,比如說(shuō)在手淘上面的詳情圖片的字跡就比較模糊,那么這是什么原因呢?其實(shí)我們?nèi)绻凑障挛娜ミM(jìn)行處理,那么肯定就能提前避免了?
一般網(wǎng)頁(yè)采用的都是72的分辨率,如果過(guò)高有些網(wǎng)站會(huì)自動(dòng)處理圖片,沒(méi)必要設(shè)置的太大,可以做細(xì)節(jié)圖展示。如果圖片過(guò)大,加載速度會(huì)慢。
因?yàn)槭紫入娔X端和手機(jī)端的分辨率是不一樣的,當(dāng)編輯完電腦端詳情后,如果使用一鍵生成手機(jī)端詳情,后臺(tái)會(huì)做兩個(gè)動(dòng)作,一個(gè)是所有的文字圖像化,你可在編輯手機(jī)端詳情的地方看見(jiàn)以前的文本也會(huì)變成圖片。然后就是根據(jù)手機(jī)端的像素要求,等比壓縮電腦端的圖片,細(xì)心的話您能發(fā)現(xiàn)手機(jī)端的詳情會(huì)分割成一個(gè)個(gè)和以前不一樣長(zhǎng)寬比例的圖片了。出現(xiàn)這種情況,解決方法也比較簡(jiǎn)單,您可以不點(diǎn)擊一鍵生成按鈕,直接用編輯手機(jī)端詳情就好了,建議寬度640像素或者以上,長(zhǎng)度900像素以內(nèi),用750像素寬度的電腦詳情也可以,而且效果還更好一些。
點(diǎn)直接由PC端詳情直接生成無(wú)線端詳情,系統(tǒng)會(huì)自動(dòng)設(shè)配大小分辨率,所以會(huì)有失真的情況。你可以把電腦端詳情頁(yè)字體做大一點(diǎn),圖片容量小一點(diǎn),或者直接做一套和PC端不一樣的手機(jī)詳情頁(yè)面!
一般美工在設(shè)計(jì)淘寶詳情頁(yè)的時(shí)候,圖片寬度都是設(shè)置在750像素以內(nèi)(淘寶電腦端詳情模塊的最大寬度為750px)。與此同時(shí),iPad mini2的分辨率都已經(jīng)達(dá)到2048×1536像素了,在如此高分辨率的設(shè)備上顯示如此低分辨率的圖片,當(dāng)然會(huì)虛得一塌糊涂!沒(méi)錯(cuò),淘寶前端工程師的思路還停留在最大屏幕分辨率為1024x768像素的萬(wàn)惡舊社會(huì)!它那750像素的圖片寬度,連小米手機(jī)看見(jiàn)都要笑了。
那么,為了適應(yīng)新一代設(shè)備,我們應(yīng)當(dāng)如何輸出圖片呢?很簡(jiǎn)單:把原有的圖片尺寸長(zhǎng)寬都直接乘以2再輸出,就OK了!
所以和電腦還是有區(qū)別的,就是要求是不一樣的,上文小編對(duì)于移動(dòng)端和PC段的要求異同點(diǎn)都說(shuō)的很清楚了,所以帶啊不要把PC端的要求設(shè)置在手機(jī)上面哦,請(qǐng)各位朋友一定要遵守要求去做,否則就是看不清楚了!
相關(guān)閱讀:
怎么在手淘詳情頁(yè)添加GIF動(dòng)態(tài)圖?
手淘詳情頁(yè)優(yōu)化技巧是什么?影響寶貝權(quán)重因素有哪些?
查看更多相似文章