365:Web前端圖片保存格式解析(下)

发布时间2020-05-20    点击数: 160   作者:365体育平台首页

從名字就可以看出來它是為Web而生的,什么叫為Web而生呢?就是說相同質量的圖片,WebP具有更小的文件體積。現在網站上充滿了大量的圖片,365体育平台首页如果能夠降低每一個圖片的文件大小,365体育平台首页那么將大大減少瀏覽器和服務器之間的數據傳輸量,進而降低訪問延遲,提升訪問體驗。

想象Web上的圖片之多,365体育平台首页百分之幾十的提升,365体育平台首页是非常非常大的優化。只可惜,目前只有Chrome瀏覽器和Opera瀏覽器支持WebP格式,365体育平台首页所以WebP的應用并不廣泛。為了使用更先進的技術,比如WebP圖片格式,來壓縮互聯網上傳輸的數據流量,谷歌甚至提供了ChromeDataCompressionProxy,設置了ChromeDataCompressionProxy作為Web代理之后,你訪問的所有網站中的圖片,在經過Proxy的時候,都會被轉換成WebP格式,以降低圖片文件的大小。

這是一種比較老的圖片格式。BMP是無損的,但同時這種圖片格式幾乎沒有對數據進行壓縮,所以BMP格式的圖片通常具有較大的文件大小。雖然同時支持索引色和直接色是一個優點,但是太大的文件格式格式導致它幾乎沒有用武之地,現在除了在Windows操作系統中還比較常見之外,我們幾乎看不到它。

SVG跟上面這些圖片格式最大的不同,是SVG是矢量圖。這意味著SVG圖片由直線和曲線以及繪制它們的方法(算法)組成。當你放大一個SVG圖片的時候,你看到的還是線和曲線,而不會出現像素點。這意味著SVG圖片在放大時,不會失真,所以svg非常適合用來繪制企業Logo、Icon等。

SVG是很多種矢量圖中的一種,它的特點是使用XML來描述圖片。借助于前幾年XML技術的流行,SVG也流行了很多。使用XML的優點是,任何時候你都可以把svg當做一個文本文件來對待,也就是說,你可以非常方便的修改SVG圖片,你所需要的只需要一個文本編輯器。


Copyright 2003 - 2002 365体育平台首页. All Rights Reserved 版权所有粤ICP11235728 地址:BENZCLOUD奔馳雲端 優質平價雲端服務