添加時間:2017/12/21 10:44:11 編輯:奇億網(wǎng)站建設(shè)公司
作為網(wǎng)站構(gòu)成的基本元素,圖片選用越來越受到網(wǎng)站建設(shè)人員重視。一方面信息多元化資訊碎片化的今天,人們更愿意快速抓住自己需要的內(nèi)容,長篇累牘的文字內(nèi)容已經(jīng)有很少有人會耐心閱讀。另一方面,圖片的巧妙應(yīng)用,總可以讓網(wǎng)站更加絢麗多彩,給內(nèi)容豐富的網(wǎng)站帶來不少升級,讓用戶愿意閱讀而且是賞心悅目的閱讀。
網(wǎng)站用圖雖然重要,但是以前的幾年并沒有得到廣泛應(yīng)用,原因在于當(dāng)時的互聯(lián)網(wǎng)硬件設(shè)施無法滿足圖片快速加載的需求。圖片重要,很多人在設(shè)計制作網(wǎng)站時,在更新網(wǎng)站內(nèi)容時確實應(yīng)用了不少,但是并不是每個網(wǎng)站的每張圖片,都在為網(wǎng)站增色都在提高網(wǎng)站的用戶體驗。相反,由于缺乏必備的網(wǎng)站技術(shù)知識,缺乏對選圖、用圖以及讀圖的清晰理解,其用在網(wǎng)站上的圖片有時還會給網(wǎng)站的體驗帶來傷害。
選圖:恰當(dāng)反映網(wǎng)頁主題
網(wǎng)站建設(shè)或者網(wǎng)站內(nèi)容更新時,為什么要配圖呢?理解這個問題后,我們就知道如何選圖。只有文字的網(wǎng)站,其內(nèi)容傳遞雖然遜色但是一樣可以完成網(wǎng)站信息傳達的使命。我們使用圖片的目的,就是讓網(wǎng)站更加生動活潑,對用戶更有吸引力。同時也是為了幫助用戶更好的理解網(wǎng)站內(nèi)容,哪怕其匆匆忙忙的并沒有認真閱讀完網(wǎng)頁上的文字。
首先我們要做的,就是準確理解準備配圖的頁面,其表達的主旨含義。比如本文的中心思想是闡述給網(wǎng)站科學(xué)用圖的重要性,那么選配的圖片一定是和選圖配圖相關(guān)的。其次,適合的圖片也許不止一張,當(dāng)有很多張的時候,該如何選擇呢?筆者認為,分析用戶層次做到圖片通俗易懂比圖片本身畫面質(zhì)量更為重要。理由很簡單,我們給網(wǎng)站配圖的目的,就是為了取悅用戶。
用圖:兼顧網(wǎng)站加載速度
網(wǎng)站需要圖片,但并不是每張圖片都適合用于網(wǎng)站,在圖片格式及一些技術(shù)參數(shù)的選取、轉(zhuǎn)化上頗有文章。我們再瀏覽一些網(wǎng)站的時候,發(fā)現(xiàn)打開速度尤其是圖片的加載速度很慢,其有服務(wù)器配置及物理硬件過低的原因,更多是網(wǎng)站圖片處理問題。網(wǎng)站用圖既要保證圖片清晰且西細節(jié)豐富,也要兼顧網(wǎng)頁打開速度不會太慢,否則適得其反。
一般用于網(wǎng)站的圖片格式有jpg、png、gif,其同樣顯示質(zhì)量情況下,png圖片所占字節(jié)最大,處于加載速度的考量png當(dāng)然不是首選。即便是jpg格式的圖片,其也有色彩模式、分辨率的區(qū)分。局限于人眼可識別的分辨率,網(wǎng)頁用圖最高72dpi已經(jīng)足夠,而有用于網(wǎng)頁顯示的圖片色彩模式當(dāng)然是GRB。在轉(zhuǎn)換處理網(wǎng)站圖片時,千萬不要認為現(xiàn)在網(wǎng)速已經(jīng)很快了,圖片大一些也沒關(guān)系。分辨率高于72dpi,色彩和細節(jié)極度豐富的圖片,除去拖慢網(wǎng)頁的打開速度外,對于用戶而言似乎沒有任何好處。
讀圖:畫面精美更要點睛
設(shè)計精美的網(wǎng)站,就一定能提高用戶體驗?或者說,用戶感受不錯的網(wǎng)站,就一定能帶來流量轉(zhuǎn)化嗎?答案一定是否定的。不錯,網(wǎng)站設(shè)計很重要,網(wǎng)站做到圖文并茂,給每個頁面配上一副設(shè)計精美的圖片也很重要,但是前提是用戶能讀懂。
畫龍還需點睛,網(wǎng)頁用圖也是一樣的道理,圖片本身傳達不完善或者不明確的信息,需要文字對圖片進行說明。我們看很多雜志或者報紙上,或者網(wǎng)站上,其新聞資訊頁面多半都會對圖片進行說明。為了方便搜索引擎讀懂圖片內(nèi)容,html代碼也賦予了alt標(biāo)簽和title標(biāo)簽,我們在為網(wǎng)頁配圖的時候,一樣需要注意,給這兩個標(biāo)簽進行賦值。