相信大(da)家都(dou)(dou)知道，圖片(pian)對企業(ye)營(ying)銷型網站建設來(lai)說(shuo)，都(dou)(dou)是一(yi)項必不可少的(de)(de)元素，任(ren)何(he)網站離開了(le)圖片(pian)，都(dou)(dou)無法形成一(yi)個完整的(de)(de)網站，并且網站效(xiao)(xiao)果(guo)也會非常差。雖然說(shuo)圖片(pian)的(de)(de)優(you)勢非常多，但前提是在(zai)合理(li)使用的(de)(de)情況下，如果(guo)圖片(pian)使用不合理(li)，則(ze)有可能(neng)會起(qi)到適得(de)其反的(de)(de)效(xiao)(xiao)果(guo)。因此，企業(ye)想要營(ying)銷型網站效(xiao)(xiao)果(guo)更(geng)好，在(zai)制作網站時，就(jiu)必須(xu)要將圖片(pian)優(you)化的(de)(de)更(geng)合理(li)。接下來(lai)就(jiu)給大(da)家分享四個圖片(pian)的(de)(de)優(you)化技巧(qiao)。

網(wang)站圖片必須(xu)添加屬性

在HTML標簽(qian)中，圖片(pian)(pian)有ALT屬性(xing)(xing)、TITLE屬性(xing)(xing)兩(liang)種標簽(qian)，前者(zhe)是(shi)(shi)在圖片(pian)(pian)無法加(jia)載(zai)的(de)時候(hou)才(cai)會顯示出來的(de)標簽(qian)，而TITLE屬性(xing)(xing)是(shi)(shi)在圖片(pian)(pian)正常(chang)(chang)加(jia)載(zai)鼠標劃(hua)上去顯示的(de)值(zhi)，這樣對于(yu)網(wang)站(zhan)用戶體(ti)驗效果是(shi)(shi)非常(chang)(chang)有幫(bang)助(zhu)的(de)。另外對于(yu)搜(sou)索(suo)引(yin)擎來說，由于(yu)無法識別圖片(pian)(pian)中的(de)內(nei)容，只能通過屬性(xing)(xing)來判斷，所(suo)以(yi)為(wei)圖片(pian)(pian)添加(jia)屬性(xing)(xing)，還可以(yi)使網(wang)站(zhan)對搜(sou)索(suo)引(yin)擎更(geng)友好，從而提高網(wang)站(zhan)的(de)優化效果。

圖片的尺寸大小要合適

在網站的(de)(de)(de)許(xu)多(duo)地方，圖(tu)片的(de)(de)(de)尺寸(cun)大小和(he)比例(li)都是(shi)固定的(de)(de)(de)，那(nei)么我們在設(she)計(ji)圖(tu)片時，就(jiu)(jiu)(jiu)需(xu)要根據這(zhe)個尺寸(cun)大小和(he)比例(li)去設(she)計(ji)，這(zhe)樣當圖(tu)片上(shang)傳之后，才會(hui)(hui)等(deng)比展示出來(lai)。否則的(de)(de)(de)話(hua)，就(jiu)(jiu)(jiu)會(hui)(hui)導致圖(tu)片被拉伸或是(shi)縮放(fang)從而變形，失去體驗(yan)感。另(ling)外由于PC端(duan)和(he)移動端(duan)屏幕大小差(cha)異，因此在設(she)計(ji)PC和(he)移動頁面圖(tu)片時，要分開設(she)計(ji)，不能共(gong)用，否則的(de)(de)(de)話(hua)，就(jiu)(jiu)(jiu)會(hui)(hui)導致另(ling)外一端(duan)的(de)(de)(de)圖(tu)片失去美感。

確(que)定好統一的圖(tu)片格式

雖然(ran)現在(zai)很多(duo)網站(zhan)都支持多(duo)種(zhong)圖(tu)片(pian)格(ge)(ge)式，但是這(zhe)里還(huan)是建議大家使用(yong)(yong)JPEG(或說.jpg)這(zhe)一種(zhong)格(ge)(ge)式，當然(ran)除去LOGO，因為LOGO有的(de)背(bei)景(jing)需要透明(ming)，會采用(yong)(yong)PNG格(ge)(ge)式的(de)。這(zhe)是由于JPEG格(ge)(ge)式的(de)圖(tu)片(pian)的(de)顯示效果要比GIF和PNG有明(ming)顯的(de)優勢，這(zhe)樣(yang)就能為網站(zhan)塑造很好的(de)用(yong)(yong)戶體驗效果，加(jia)深用(yong)(yong)戶對網站(zhan)的(de)印(yin)象。另外，JPEG格(ge)(ge)式的(de)圖(tu)片(pian)會更加(jia)容易被搜索(suo)引擎收錄，從(cong)而(er)起(qi)到更好的(de)網站(zhan)優化效果。

控制好圖片的(de)文件(jian)大小

雖(sui)然說圖片(pian)的(de)(de)文(wen)(wen)件大小(xiao)是(shi)與(yu)其(qi)質量度成正比的(de)(de)，越(yue)(yue)大的(de)(de)圖片(pian)質量就(jiu)越(yue)(yue)好，越(yue)(yue)是(shi)清(qing)晰(xi)，而越(yue)(yue)小(xiao)的(de)(de)圖片(pian)，其(qi)失真就(jiu)越(yue)(yue)嚴重，效果越(yue)(yue)差，從而使(shi)網(wang)站(zhan)的(de)(de)體驗感更(geng)差。雖(sui)然網(wang)站(zhan)圖片(pian)看似是(shi)越(yue)(yue)大越(yue)(yue)能起(qi)到更(geng)好的(de)(de)效果。但是(shi)我們還需要考慮到一個問題，那(nei)就(jiu)是(shi)圖片(pian)文(wen)(wen)件越(yue)(yue)大，那(nei)么(me)用戶(hu)打(da)開時(shi)需要加載的(de)(de)東(dong)西就(jiu)越(yue)(yue)多，這樣(yang)網(wang)站(zhan)打(da)開的(de)(de)時(shi)間(jian)就(jiu)要更(geng)長。但網(wang)站(zhan)不(bu)能很快打(da)開的(de)(de)話，用戶(hu)又會離開，所以要控制(zhi)好圖片(pian)的(de)(de)文(wen)(wen)件大小(xiao)，既保(bao)證網(wang)站(zhan)快速打(da)開，又不(bu)影(ying)響其(qi)質量。

總(zong)的(de)(de)來(lai)(lai)說，圖(tu)片(pian)(pian)對(dui)于(yu)網站(zhan)(zhan)(zhan)(zhan)來(lai)(lai)說，是(shi)(shi)非(fei)常重要(yao)的(de)(de)，特別是(shi)(shi)對(dui)于(yu)企業需要(yao)依靠(kao)其來(lai)(lai)盈利的(de)(de)營銷型網站(zhan)(zhan)(zhan)(zhan)。因(yin)為(wei)網站(zhan)(zhan)(zhan)(zhan)的(de)(de)頁面(mian)(mian)是(shi)(shi)否精美(mei)，是(shi)(shi)否具有吸引(yin)力(li)(li)，大部分(fen)都(dou)是(shi)(shi)依靠(kao)圖(tu)片(pian)(pian)來(lai)(lai)實現的(de)(de)，圖(tu)片(pian)(pian)各方面(mian)(mian)都(dou)恰(qia)當(dang)的(de)(de)話，自然(ran)會為(wei)網站(zhan)(zhan)(zhan)(zhan)起到更(geng)(geng)大的(de)(de)助力(li)(li)作用，但如(ru)(ru)果(guo)圖(tu)片(pian)(pian)要(yao)求(qiu)不恰(qia)當(dang)的(de)(de)話，則(ze)會導致網站(zhan)(zhan)(zhan)(zhan)效果(guo)更(geng)(geng)差，反而會拖累(lei)網站(zhan)(zhan)(zhan)(zhan)。所以說，企業營銷型網站(zhan)(zhan)(zhan)(zhan)如(ru)(ru)果(guo)想要(yao)實現更(geng)(geng)好(hao)的(de)(de)轉(zhuan)化，取(qu)得更(geng)(geng)好(hao)的(de)(de)效果(guo)，那就(jiu)千萬不要(yao)忽(hu)視對(dui)圖(tu)片(pian)(pian)的(de)(de)優(you)化工作。