中文在线天堂网www_亚洲精品乱码久久久久久蜜桃图片_特级毛片a级毛片100免费播放_欧美性色黄大片www喷水

新聞資訊
您當前的位置:首頁 新聞資訊
網站圖片優化有哪些原則 發布時間:2020-05-15 已訪問:1670 次

現在的網站大量的使用圖片(pian),那么(me)這(zhe)些圖片(pian)如何(he)優化才好呢?下(xia)面有15個原則,一(yi)起來(lai)看(kan)看(kan)吧。

  01)在網站設計之初,就先要做好規劃,比如背景圖片如何使(shi)用(yong)等(deng)等(deng),做到心中有數。

  02)編(bian)輯(ji)圖(tu)片(pian)的時候,要(yao)做好裁剪,展示必要(yao)的和(he)同(tong)內容相(xiang)關(guan)的部(bu)分。

  03)在輸出圖(tu)片(pian)的(de)(de)時候,圖(tu)片(pian)大(da)小(xiao)要(yao)設置妥當,長寬像素就(jiu)設成你(ni)所需(xu)要(yao)的(de)(de)大(da)小(xiao),而(er)不要(yao)輸出大(da)圖(tu)片(pian),然后使用的(de)(de)時候,在指定較小(xiao)的(de)(de)長寬,縮放圖(tu)片(pian)。

  04)在html中明確指定圖片的大(da)小。

  05)若使用photoshop的話,縮放圖片通常會讓圖像模糊,可以用smart sharpen來讓圖片更為出色。

  06)盡量組合裝飾性的(de)圖片,以節省http請求數,在具體使用時,采用CSS sprite的(de)方(fang)式。

  07)如果圖(tu)(tu)(tu)(tu)片(pian)上要(yao)(yao)添加文(wen)字,可能的話,就(jiu)不要(yao)(yao)把(ba)文(wen)字嵌(qian)入到圖(tu)(tu)(tu)(tu)片(pian)中,而(er)是(shi)采用透明背景圖(tu)(tu)(tu)(tu)片(pian),或者CSS定位(wei)讓文(wen)字覆蓋在(zai)圖(tu)(tu)(tu)(tu)片(pian)上,既能獲(huo)得(de)相等(deng)的效果,還能把(ba)圖(tu)(tu)(tu)(tu)片(pian)更大程度的壓縮。

  08)在較小的Gif和PNG圖(tu)片上(shang),可以(yi)使用(yong)有(you)損(sun)壓縮。

  09)可能的話,使用局(ju)部壓(ya)縮,保證前(qian)景清楚的基礎(chu)上,較大程度(du)的壓(ya)縮背景。

  10)頁面上的(de)邊框,背景(jing),盡(jin)可能的(de)使用CSS的(de)方式來展示(shi),而不要用圖片(pian)。

  11)圖片使(shi)用(yong)上,能用(yong)png格(ge)式(shi)的盡量(liang)用(yong),以(yi)替代過(guo)去常用(yong)的gif和(he)jpeg格(ge)式(shi)。在保證質量(liang)的情(qing)況下,用(yong)最小(xiao)的文件。

  12)對(dui)于Gif和PNG文(wen)件(jian)格式,最小化顏色位數。

  13)對于Gif和(he)PNG文(wen)(wen)件,最小化dithering,可使文(wen)(wen)件更小。

  14)圖片在優化之前,若能降噪的話,可以獲得額外(wai)的20%多的壓縮。

  15)jpg圖片(pian)也可以模糊背景,然后(hou)壓縮(suo)的時候,可以壓縮(suo)的更多。