可(ke)以(yi)說，圖(tu)(tu)片(pian)是(shi)網(wang)站(zhan)中非常常見的(de)(de)元素(su)(su)，也(ye)是(shi)構成(cheng)網(wang)站(zhan)最基本的(de)(de)元素(su)(su)。因此，對于圖(tu)(tu)片(pian)的(de)(de)選(xuan)擇問題，也(ye)越來越被站(zhan)長們所(suo)關(guan)注，如果圖(tu)(tu)片(pian)選(xuan)擇巧妙、恰當(dang)，可(ke)以(yi)給網(wang)站(zhan)增添很(hen)多色彩(cai)，但是(shi)如果選(xuan)擇不當(dang)，很(hen)可(ke)能會(hui)帶(dai)來負面影響。

大塊的(de)(de)文(wen)字內容可能(neng)包含了大量(liang)的(de)(de)干貨(huo)，但同時也要注意(yi)，可能(neng)很少有用戶會耐心地把文(wen)章(zhang)全部看完，而(er)通過恰(qia)到(dao)好(hao)處的(de)(de)圖片能(neng)夠(gou)傳遞給用戶許多有用的(de)(de)信息。另外，使用圖片也能(neng)使網站(zhan)看起(qi)來更(geng)漂亮(liang)。

盡管圖(tu)(tu)片(pian)具有許多優點(dian)，但是(shi)(shi)直到(dao)最近(jin)幾(ji)年(nian)，在(zai)網(wang)站制作(zuo)時才大(da)規模(mo)運用(yong)，其中(zhong)一個很(hen)重要的(de)原因(yin)就(jiu)是(shi)(shi)將圖(tu)(tu)片(pian)加載(zai)到(dao)網(wang)站中(zhong)會直接(jie)影(ying)響(xiang)到(dao)網(wang)站的(de)加載(zai)速度。這一問題即(ji)使(shi)在(zai)現在(zai)也很(hen)關鍵，作(zuo)為(wei)肯定會使(shi)網(wang)站加載(zai)速度減慢的(de)因(yin)素，圖(tu)(tu)片(pian)的(de)使(shi)用(yong)必須小心，要確保(bao)圖(tu)(tu)片(pian)的(de)存(cun)在(zai)能夠給用(yong)戶(hu)帶來更好的(de)閱讀體驗(yan)，而不(bu)是(shi)(shi)僅僅的(de)拖拉了網(wang)站的(de)加載(zai)速度，因(yin)此，在(zai)網(wang)站建設中(zhong)，圖(tu)(tu)片(pian)的(de)使(shi)用(yong)我們也是(shi)(shi)需要注(zhu)意規則(ze)和技巧的(de)。

1、圖片要能反映網站主(zhu)題

隨著人們(men)對網(wang)站載入(ru)速度(du)的要(yao)求越(yue)來越(yue)高，只是為了(le)美觀(guan)和裝(zhuang)飾的圖片(pian)已經被拋(pao)棄。當把圖片(pian)加(jia)到網(wang)站上時(shi)，就希(xi)望它們(men)能夠向用戶(hu)傳達有用的信息(xi)，或者體現(xian)企業特(te)征。因此圖片(pian)的選擇必須(xu)更務實(shi)，也必須(xu)明確，為什么把這些圖片(pian)加(jia)入(ru)網(wang)站。

采用圖(tu)片的(de)(de)(de)目的(de)(de)(de)，是為了(le)(le)使網站更生動，也(ye)為了(le)(le)使用戶通過(guo)圖(tu)片更好地了(le)(le)解網站的(de)(de)(de)內容(rong)，這樣可以確保即使用戶沒有完整地閱讀網站的(de)(de)(de)文字內容(rong)，也(ye)不會錯(cuo)過(guo)很多有用的(de)(de)(de)信息。因此，配(pei)圖(tu)應(ying)該和當(dang)前(qian)頁面的(de)(de)(de)內容(rong)有一定(ding)的(de)(de)(de)聯系，或是能夠表達文章的(de)(de)(de)主題，才是更好的(de)(de)(de)選擇。

比如產品推廣(guang)頁，那么最合(he)適的(de)圖(tu)片(pian)莫過于產品的(de)圖(tu)片(pian)或者促銷海報。總而言之，配圖(tu)的(de)核心就(jiu)是配合(he)用戶的(de)閱讀(du)，而不(bu)只是讓網(wang)站上(shang)多(duo)一張圖(tu)片(pian)這么簡單。

2、圖片(pian)要顯示在更重(zhong)要的位置

把圖片(pian)放(fang)到網(wang)站(zhan)上會使網(wang)站(zhan)看起來(lai)更生(sheng)動，但又由于(yu)加(jia)載速度(du)的(de)原因，還是需要(yao)盡量把圖片(pian)放(fang)到最(zui)關鍵的(de)位置，而(er)一(yi)些可(ke)有(you)可(ke)無(wu)的(de)圖片(pian)，可(ke)以考慮放(fang)棄。另外，用戶體驗(yan)和(he)精(jing)美(mei)程度(du)雖然有(you)關聯，但網(wang)站(zhan)轉化率和(he)圖片(pian)精(jing)美(mei)與(yu)否卻沒有(you)直接關系。有(you)許多網(wang)站(zhan)看起來(lai)很精(jing)致(zhi)，但轉化率卻很一(yi)般，這是為什么呢？

由于他們使用(yong)的圖片(pian)只是為了(le)美(mei)觀，并(bing)沒有提供給用(yong)戶(hu)一些有用(yong)的信息，因此(ci)，用(yong)戶(hu)想要獲得信息的唯一方(fang)法還是閱讀文字，浪費(fei)了(le)圖片(pian)的重要作用(yong)。

當(dang)一個圖片出現在(zai)(zai)一個恰當(dang)的(de)(de)(de)時(shi)機(ji)，其(qi)中包含重要的(de)(de)(de)信息，這(zhe)(zhe)將節省(sheng)用(yong)戶大量閱讀(du)文(wen)本的(de)(de)(de)時(shi)間，這(zhe)(zhe)將最大限度地確(que)保用(yong)戶在(zai)(zai)失(shi)去(qu)閱讀(du)耐心(xin)之(zhi)前，能夠從你的(de)(de)(de)網站上(shang)獲得關于你產(chan)品的(de)(de)(de)足夠的(de)(de)(de)知識(shi)。

事實上(shang)，圖片僅(jin)僅(jin)作為裝飾對于網站來說，本質上(shang)就是一堆像(xiang)素點，或者(zhe)說0和1組(zu)成的代碼，而只有把(ba)圖片放在更有價值的地方(fang)，才(cai)能讓它發揮應有的作用。

3、當使用圖片(pian)時要兼顧網站的載入速度

根據一項調查(cha)，如果網(wang)(wang)站(zhan)(zhan)的(de)(de)加載時間超過3秒，那么(me)超過一半(ban)的(de)(de)用戶將(jiang)選擇(ze)離開。這就說明網(wang)(wang)站(zhan)(zhan)的(de)(de)打開速度(du)這一點非(fei)常重(zhong)要。它(ta)意味著需(xu)要對圖(tu)片的(de)(de)使用作出取舍。為最大限度(du)地滿(man)足加載速度(du)，網(wang)(wang)站(zhan)(zhan)用圖(tu)在保證圖(tu)片清晰度(du)的(de)(de)同時，盡量(liang)縮小圖(tu)片尺(chi)寸。

例如，在(zai)眾多的(de)(de)圖片(pian)格(ge)式中，質(zhi)量相同(tong)的(de)(de)png格(ge)式的(de)(de)圖片(pian)占(zhan)據(ju)了最(zui)(zui)大的(de)(de)字節(jie)，因此很明顯，png格(ge)式的(de)(de)圖片(pian)不會成為(wei)網站使用圖片(pian)的(de)(de)首選(xuan)。而(er)且，即(ji)使是占(zhan)用字節(jie)最(zui)(zui)少的(de)(de)jpg格(ge)式，也(ye)會有(you)顏色模式和(he)分(fen)辨率的(de)(de)差異。這時需(xu)要站長對圖片(pian)進行一些處理，比如人(ren)眼可以(yi)識別(bie)的(de)(de)最(zui)(zui)高(gao)分(fen)辨率為(wei)72dpi，也(ye)就是說(shuo)，圖片(pian)的(de)(de)分(fen)辨率不必再提高(gao)，因為(wei)這樣除了降低加(jia)載速度之外，沒有(you)其他作用。

總的(de)來說，用圖，看起來簡單，實際上卻是(shi)需要站(zhan)長(chang)多花時間研究(jiu)的(de)問題。怎樣(yang)合理地利(li)用圖片來提(ti)高(gao)網站(zhan)的(de)轉化率，提(ti)高(gao)用戶(hu)的(de)使用體(ti)驗(yan)，這是(shi)一(yi)項需要細心(xin)關注的(de)工(gong)作。