記憶盒子

把記憶裝進(jìn)灰色的盒子,封裝起來,那年那月,重新拾起。

首頁搜索目錄
search
當(dāng)前主題: 軟件編程

ico和svg圖片使用GZip壓縮后體積減少50%以上

作者:Kaka    時(shí)間:2015-4-7 19:43:16    瀏覽:    評(píng)論:2

在上一篇文章里提到《圖片要啟用gzip壓縮嗎?絕對(duì)不要!》,但是這里又說ico和svg圖片啟用GZip后體積減少50%以上,這兩篇文章是不是有矛盾?其實(shí)并非有矛盾,前一篇文章提到的“圖片不需要啟用GZip”,是針對(duì)那些已經(jīng)在本地壓縮過的圖片文件,例如:PNG、GIF和JPEG文件,而本文提及的ico和svg圖片并不屬于此類文件,另外,bmp圖片也不屬于此類文件。

ico圖片啟用GZip壓縮后體積減少50%以上

下圖顯示是我站的favicon.ico圖片的GZip檢測(cè)結(jié)果

ico圖片啟用GZip壓縮體積減少50%以上

ico圖片啟用GZip壓縮體積減少50%以上

檢測(cè)結(jié)果顯示,ico圖片啟用GZip壓縮體積減少了51.65%,由原體積1150字節(jié),變?yōu)?56字節(jié),符合Yahoo網(wǎng)站速度優(yōu)化建議的規(guī)則——favicon.ico應(yīng)小于1000字節(jié)

我們?cè)賮砜纯磗vg圖片啟用GZip壓縮后會(huì)怎樣。

svg圖片啟用GZip壓縮后體積減少50%以上

下圖是我站一個(gè)svg文件的GZip檢測(cè)結(jié)果。

svg圖片啟用GZip壓縮后體積減少50%以上

svg圖片啟用GZip壓縮后體積減少50%以上

從圖示的數(shù)據(jù)來看,svg圖片有原來的1.3M變?yōu)?.4M左右,這個(gè)變化是巨大的!

哪些圖片文件需要啟用GZip?

結(jié)合前面的檢測(cè),我們現(xiàn)在可以作一個(gè)匯總了,需要啟用GZip壓縮的圖片文件有:ico、svg、bmp,而不需要啟用GZip壓縮的圖片文件有:png、gif、jpg、jpeg。

知識(shí)擴(kuò)展:了解ICO和SVG

ICO

ICO文件是一個(gè)最初用于Windows圖標(biāo)的圖像格式,它今天使用的格式,創(chuàng)建于20年前的Windows 3。今天,ICO文件用于網(wǎng)站網(wǎng)頁的Favicons,通常顯示在地址欄或?yàn)g覽器標(biāo)簽。而現(xiàn)代的瀏覽器除了ICO圖標(biāo)外還支持其他文件格式是不通用的,因此許多網(wǎng)站繼續(xù)使用ICO文件作為兼容性圖標(biāo)。

盡管是一個(gè)圖像,ICO文件本身并不壓縮。ICO圖片實(shí)際上是原始版本的BMP圖像。ICO和bmp格式的圖像本身并沒有壓縮。同時(shí)可以(也應(yīng)該)避免使用BMP圖像在您的網(wǎng)站上,你可以不做這個(gè)ICO文件。要配置您的Web服務(wù)器和HTTP服務(wù)器對(duì)ICO圖標(biāo)圖像進(jìn)行壓縮。

SVG

SVG一個(gè)沒有經(jīng)過本地壓縮的圖像格式的例子。SVG圖像是一個(gè)XML文檔,但他們有一個(gè)不同的MIME類型和文件擴(kuò)展名。這意味著,雖然有人會(huì)記得壓縮XML文檔,他們忘記了SVG文件壓縮。

你可能會(huì)使用SVG圖像在您的網(wǎng)站上,甚至不知道它。這是因?yàn)橐粋€(gè)SVG圖像特征,SVG字體,使SVG文件包含用于繪制文本的字體字形。這些image-that-really-a-font SVG文件可以在CSS使用@font-face語法就像OTF或而字體文件的引用。

字體支持,說得好聽,其實(shí)是巨大的混亂。Web開發(fā)人員從字體庫摘要本文和使用正確的格式,包括SVG字體,給瀏覽器使用。這意味著你的網(wǎng)站可以用SVG,甚至你不知道它在用SVG。所以,記得啟用GZip壓縮你的SVG文件。

x

標(biāo)簽: gzip  

※ 網(wǎng)站速度慢?試試網(wǎng)站自動(dòng)優(yōu)化工具 ※

上一篇: 圖片要啟用gzip壓縮嗎?絕對(duì)不要!
下一篇: 測(cè)試網(wǎng)站速度你需要關(guān)注的幾個(gè)指標(biāo)

發(fā)表評(píng)論:

◎歡迎參與討論,請(qǐng)?jiān)谶@里發(fā)表您的看法、交流您的觀點(diǎn)。

訂閱博客                   QQ交流群(312716741)

  • 通過Google訂閱本站 通過鮮果訂閱本站 通過抓蝦訂閱本站
  • 通過QQ郵箱訂閱本站 通過Yahoo訂閱本站 通過有道訂閱本站

Search

最新評(píng)論及回復(fù)

最近留言

網(wǎng)站分類

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號(hào)-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.