作為網(wǎng)站構(gòu)成的基本元素，圖片選用越來(lái)越受到網(wǎng)站建設(shè)人員重視。一方面信息多元化資訊碎片化的今天，人們更愿意快速抓住自己需要的內(nèi)容，長(zhǎng)篇累牘的文字內(nèi)容已經(jīng)有很少有人會(huì)耐心閱讀。另一方面，圖片的巧妙應(yīng)用，總可以讓網(wǎng)站更加絢麗多彩，給內(nèi)容豐富的網(wǎng)站帶來(lái)不少升級(jí)，讓用戶(hù)愿意閱讀而且是賞心悅目的閱讀。網(wǎng)站用圖雖然重要，但是以前的幾年并沒(méi)有得到廣泛應(yīng)用，原因在于當(dāng)時(shí)的互聯(lián)網(wǎng)硬件設(shè)施無(wú)法滿(mǎn)足圖片快速加載的需求。圖片重要，很多人在設(shè)計(jì)制作網(wǎng)站時(shí)，在更新網(wǎng)站內(nèi)容時(shí)確實(shí)應(yīng)用了不少，但是并不是每個(gè)網(wǎng)站的每張圖片，都在為網(wǎng)站增色都在提高網(wǎng)站的用戶(hù)體驗(yàn)。相反，由于缺乏必備的網(wǎng)站技術(shù)知識(shí)，缺乏對(duì)選圖、用圖以及讀圖的清晰理解，其用在網(wǎng)站上的圖片有時(shí)還會(huì)給網(wǎng)站的體驗(yàn)帶來(lái)傷害。

選圖：恰當(dāng)反映網(wǎng)頁(yè)主題

網(wǎng)站建設(shè)或者網(wǎng)站內(nèi)容更新時(shí)，為什么要配圖呢?理解這個(gè)問(wèn)題后，我們就知道如何選圖。只有文字的網(wǎng)站，其內(nèi)容傳遞雖然遜色但是一樣可以完成網(wǎng)站信息傳達(dá)的使命。我們使用圖片的目的，就是讓網(wǎng)站更加生動(dòng)活潑，對(duì)用戶(hù)更有吸引力。同時(shí)也是為了幫助用戶(hù)更好的理解網(wǎng)站內(nèi)容，哪怕其匆匆忙忙的并沒(méi)有認(rèn)真閱讀完網(wǎng)頁(yè)上的文字。首先我們要做的，就是準(zhǔn)確理解準(zhǔn)備配圖的頁(yè)面，其表達(dá)的主旨含義。比如本文的中心思想是闡述給網(wǎng)站科學(xué)用圖的重要性，那么選配的圖片一定是和選圖配圖相關(guān)的。其次，適合的圖片也許不止一張，當(dāng)有很多張的時(shí)候，該如何選擇呢?筆者認(rèn)為，分析用戶(hù)層次做到圖片通俗易懂比圖片本身畫(huà)面質(zhì)量更為重要。理由很簡(jiǎn)單，我們給網(wǎng)站配圖的目的，就是為了取悅用戶(hù)。

用圖：兼顧網(wǎng)站加載速度

網(wǎng)站需要圖片，但并不是每張圖片都適合用于網(wǎng)站，在圖片格式及一些技術(shù)參數(shù)的選取、轉(zhuǎn)化上頗有文章。我們?cè)贋g覽一些網(wǎng)站的時(shí)候，發(fā)現(xiàn)打開(kāi)速度尤其是圖片的加載速度很慢，其有服務(wù)器配置及物理硬件過(guò)低的原因，更多是網(wǎng)站圖片處理問(wèn)題。網(wǎng)站用圖既要保證圖片清晰且西細(xì)節(jié)豐富，也要兼顧網(wǎng)頁(yè)打開(kāi)速度不會(huì)太慢，否則適得其反。一般用于網(wǎng)站的圖片格式有jpg、png、gif，其同樣顯示質(zhì)量情況下，png圖片所占字節(jié)最大，處于加載速度的考量png當(dāng)然不是首選。即便是jpg格式的圖片，其也有色彩模式、分辨率的區(qū)分。局限于人眼可識(shí)別的分辨率，網(wǎng)頁(yè)用圖最高72dpi已經(jīng)足夠，而有用于網(wǎng)頁(yè)顯示的圖片色彩模式當(dāng)然是GRB。在轉(zhuǎn)換處理網(wǎng)站圖片時(shí)，千萬(wàn)不要認(rèn)為現(xiàn)在網(wǎng)速已經(jīng)很快了，圖片大一些也沒(méi)關(guān)系。分辨率高于72dpi，色彩和細(xì)節(jié)極度豐富的圖片，除去拖慢網(wǎng)頁(yè)的打開(kāi)速度外，對(duì)于用戶(hù)而言似乎沒(méi)有任何好處。

讀圖：畫(huà)面精美更要點(diǎn)睛

設(shè)計(jì)精美的網(wǎng)站，就一定能提高用戶(hù)體驗(yàn)?或者說(shuō)，用戶(hù)感受不錯(cuò)的網(wǎng)站，就一定能帶來(lái)流量轉(zhuǎn)化嗎?答案一定是否定的。不錯(cuò)，網(wǎng)站設(shè)計(jì)很重要，網(wǎng)站做到圖文并茂，給每個(gè)頁(yè)面配上一副設(shè)計(jì)精美的圖片也很重要，但是前提是用戶(hù)能讀懂。畫(huà)龍還需點(diǎn)睛，網(wǎng)頁(yè)用圖也是一樣的道理，圖片本身傳達(dá)不完善或者不明確的信息，需要文字對(duì)圖片進(jìn)行說(shuō)明。我們看很多雜志或者報(bào)紙上，或者網(wǎng)站上，其新聞資訊頁(yè)面多半都會(huì)對(duì)圖片進(jìn)行說(shuō)明。為了方便搜索引擎讀懂圖片內(nèi)容，html代碼也賦予了alt標(biāo)簽和title標(biāo)簽，我們?cè)跒榫W(wǎng)頁(yè)配圖的時(shí)候，一樣需要注意，給這兩個(gè)標(biāo)簽進(jìn)行賦值。多年的網(wǎng)站建設(shè)從業(yè)經(jīng)驗(yàn)，筆者認(rèn)為圖片就是一堆像素點(diǎn)，再深一些就是一張由0和1構(gòu)成的代碼片段，其本身沒(méi)有實(shí)質(zhì)意義，只有善加運(yùn)用才能發(fā)揮出價(jià)值。