记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 软件编程

ico和svg图片使用GZip压缩后体积减少50%以上

作者:Kaka    时间:2015-4-7 19:43:16    浏览:    评论:2

在上一篇文章里提到《图片要启用gzip压缩吗?绝对不要!》,但是这里又说ico和svg图片启用GZip后体积减少50%以上,这两篇文章是不是有矛盾?其实并非有矛盾,前一篇文章提到的“图片不需要启用GZip”,是针对那些已经在本地压缩过的图片文件,例如:PNG、GIF和JPEG文件,而本文提及的ico和svg图片并不属于此类文件,另外,bmp图片也不属于此类文件。

ico图片启用GZip压缩后体积减少50%以上

下图显示是我站的favicon.ico图片的GZip检测结果

ico图片启用GZip压缩体积减少50%以上

ico图片启用GZip压缩体积减少50%以上

检测结果显示,ico图片启用GZip压缩体积减少了51.65%,由原体积1150字节,变为556字节,符合Yahoo网站速度优化建议的规则——favicon.ico应小于1000字节

我们再来看看svg图片启用GZip压缩后会怎样。

svg图片启用GZip压缩后体积减少50%以上

下图是我站一个svg文件的GZip检测结果。

svg图片启用GZip压缩后体积减少50%以上

svg图片启用GZip压缩后体积减少50%以上

从图示的数据来看,svg图片有原来的1.3M变为0.4M左右,这个变化是巨大的!

哪些图片文件需要启用GZip?

结合前面的检测,我们现在可以作一个汇总了,需要启用GZip压缩的图片文件有:ico、svg、bmp,而不需要启用GZip压缩的图片文件有:png、gif、jpg、jpeg。

知识扩展:了解ICO和SVG

ICO

ICO文件是一个最初用于Windows图标的图像格式,它今天使用的格式,创建于20年前的Windows 3。今天,ICO文件用于网站网页的Favicons,通常显示在地址栏或浏览器标签。而现代的浏览器除了ICO图标外还支持其他文件格式是不通用的,因此许多网站继续使用ICO文件作为兼容性图标。

尽管是一个图像,ICO文件本身并不压缩。ICO图片实际上是原始版本的BMP图像。ICO和bmp格式的图像本身并没有压缩。同时可以(也应该)避免使用BMP图像在您的网站上,你可以不做这个ICO文件。要配置您的Web服务器和HTTP服务器对ICO图标图像进行压缩。

SVG

SVG一个没有经过本地压缩的图像格式的例子。SVG图像是一个XML文档,但他们有一个不同的MIME类型和文件扩展名。这意味着,虽然有人会记得压缩XML文档,他们忘记了SVG文件压缩。

你可能会使用SVG图像在您的网站上,甚至不知道它。这是因为一个SVG图像特征,SVG字体,使SVG文件包含用于绘制文本的字体字形。这些image-that-really-a-font SVG文件可以在CSS使用@font-face语法就像OTF或而字体文件的引用。

字体支持,说得好听,其实是巨大的混乱。Web开发人员从字体库摘要本文和使用正确的格式,包括SVG字体,给浏览器使用。这意味着你的网站可以用SVG,甚至你不知道它在用SVG。所以,记得启用GZip压缩你的SVG文件。

x

标签: gzip  

※ 网站速度慢?试试网站自动优化工具 ※

上一篇: 图片要启用gzip压缩吗?绝对不要!
下一篇: 测试网站速度你需要关注的几个指标

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

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

Copyright @2009-2024 All Rights Reserved. 粤ICP备14028160号-1

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