关注前端开发微信微信号web007007

关于网页图片的压缩

作者 管理员 发布时间 2012-06-03 17:13 文章分类 DIV&CSS, 前端文档, 前端资源 文章评论 抢沙发 阅读次数

众所周知,对于一个网站而言,网页的下载速度是至关重要的。它不仅直接影响到用户的浏览体验、还关系到网页在搜索引擎中的排名参数。因此,优化网 页、使之能快速下载是页面制作中很重要的考虑因素。网页优化涉及方方面面,图片优化则是其中重要手段之一,下面就来探讨一下web图片的优化。
1、切图的时候尽量图形区,避免不必要的体积浪费。

2、使用ps存储为web所用格式,这样会比一般的“存储为”体积小上好几倍。

3、在不影响视觉效果的情况下,尽量将图片的体积压缩。一般有是输出.gif或.jpg。这里就需要选择一下了。如果图片的颜色比较单一,可以选择 输出gif格式。颜色丰富一点可以选择输出jpg格式。输出jpg格式时,还可以选择图片的品质,如果你的图片不需要太精细的话 100和70的效果是差不多的。

4、我们都知道jpg格式可以通过控制压缩比来优化,相对于jpg,gif优化是比较容易被忽视的。很多人在输出gif时基本不作什么优化选择,觉得很可惜。其实,即使确定要输出gif格式,通常也仍有继续瘦身的余地。

对于gif而言,色彩越少,文件也就越小。在肉眼可可接受的范围内,尽量将gif色彩数量降低,能够对gif图大小进行有效的优化。道理其实很简单,关键就在于我们实际输出过程中要细心、耐心。

5.如果图片不是透明,很少有人会选择输出png格式。

WEB前端开发最爱

这两张图片的质量差不多,左边是gif 16,右边是png24,但是右边的体积比左边的明显要小。
当然如果颜色不是这么单一的话,png24会大得多。
所以当图片的颜色很单一,不妨多花点时间对比一下png和gif。或许就能够剩下一些字节。
或许省下的空间微不足道,但是细节对一个前端开发者很重要的东西。

本文固定链接: http://www.web92.net/282.html | WEB前端开发

该日志由 于2012年06月03日发表在 DIV&CSS, 前端文档, 前端资源 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 关于网页图片的压缩 | WEB前端开发
关键字: