廣告圖在商城網(wǎng)站有著重要的作用，是提升轉(zhuǎn)化率的重要渠道。廣告圖的內(nèi)容通常是熱銷(xiāo)爆款、主打商品、最新商品等重要信息。常見(jiàn)的廣告圖顯示在頁(yè)面最明顯的地方，這樣才能讓訪客第一時(shí)間就能看到，吸引訪客目光點(diǎn)擊進(jìn)行購(gòu)買(mǎi)。
那什么位置是最明顯呢？一個(gè)頁(yè)面通常會(huì)被劃分為上，中 ，下三個(gè)部分。這三個(gè)部分的內(nèi)容需要根據(jù)網(wǎng)頁(yè)的瀏覽順序和聚焦的的強(qiáng)弱來(lái)進(jìn)行合理布局。上半部分是一個(gè)網(wǎng)站聚焦度最強(qiáng)最明顯的位置，訪客進(jìn)來(lái)網(wǎng)站第一眼就能看到這個(gè)地方。所以大部分網(wǎng)站的主打廣告圖都是在網(wǎng)頁(yè)的上部分。
選好位置還不夠，還需要考慮現(xiàn)在多樣化的顯示屏幕尺寸和跨度比較大的多種終端，讓廣告圖以最佳效果展示給訪客。通常有三種解決方案。
第一種解決方案:
上傳多組不同尺寸的廣告圖來(lái)匹配不同主流的屏幕分辨率（1920px，1680px，1440px）。這樣做的好處是無(wú)論哪種分辨率，都能得到最佳展示效果。但是管理員的上傳工作量變大，網(wǎng)頁(yè)大小就會(huì)大大增加，導(dǎo)致頁(yè)面打開(kāi)速度變慢。
第二種解決方案:
用一組廣告圖按寬高比自動(dòng)適應(yīng)不同尺寸屏幕分辨率。相對(duì)前面的第一種解決方案，這種方式減少了工作量和網(wǎng)站大小，但是展示效果就不是最佳的。有人就有疑問(wèn)了，不是說(shuō)好按寬高比嗎？怎么會(huì)展示效果不是最佳呢。舉個(gè)例子：一張廣告圖的尺寸是1920*420，當(dāng)顯示器的寬為1920px的時(shí)候，此時(shí)廣告圖的尺寸是1920*420，展示效果最佳。當(dāng)顯示器的寬度為1280px時(shí)，按比例廣告圖的尺寸變成1280*280，意味著廣告圖的內(nèi)容被壓縮了，會(huì)導(dǎo)致訪客看不清圖片里想要表達(dá)的內(nèi)容，這樣的展示效果無(wú)疑是最糟糕的。以此類(lèi)推，分辨率越小，效果就會(huì)越差。
第三種解決方案：
同樣是用一組廣告圖來(lái)自動(dòng)適應(yīng)不同的屏幕分辨率，但不是以比例縮放來(lái)達(dá)到適應(yīng)目的。而是網(wǎng)頁(yè)設(shè)計(jì)師把核心內(nèi)容設(shè)計(jì)在寬為1000px區(qū)域，這個(gè)區(qū)域位于整張圖的中央，區(qū)域以外的部分只是作為場(chǎng)景的延伸。無(wú)論工作效率和展示效果，相對(duì)前面兩種解決方案是最優(yōu)的。
最佳的廣告管理系統(tǒng)采用第二種解決方案和第三種解決方案結(jié)合使用。根據(jù)網(wǎng)頁(yè)內(nèi)容的展示要求，結(jié)合不同方案的優(yōu)點(diǎn)來(lái)達(dá)到最佳的展示效果。例如，需要全屏展示的廣告圖，采用第三種解決方案，在不同的尺寸，隱藏左右兩邊延長(zhǎng)的場(chǎng)景，不影響主題內(nèi)容的展示。非全屏展示的廣告圖，采用第二種解決方案，保持最優(yōu)效果的情況下按比例縮放。