原创文章,请尊重作者劳动成果!
pngcrush下载地址:http://sourceforge.net/projects/pmt/files/
参考文档:高性能网站建设进阶指南+WEB开发者性能优化最佳实践
我这里使用的是 pngcrush-1.7.58
1. 下载之后放到centos服务器的 /usr/software/pngcrush 文件夹下
2. make
3.
# cp ./pngcrush /usr/local/bin
4. 将需要优化的png图片拷到自定义文件夹,然后执行 loginbg-8.png:源图片 loginbg.png:优化后图片
# pngcrush -rem alla -brute -reduce loginbg-8.png loginbg.png
这几个参数的意义是:
-rem alla:删除所有的块,但保留控制透明的alpha块
-brute:使用超过100种不同的方法进行压缩,默认10种压缩方法。加了这个参数后会慢很多,而且大部分情况下改进的效果很小。完全可以为这个操作多付出1-2秒的时间,因为这个操作可以找到效果更好的方法来压缩图像;
-reduce:如有可能,尝试减少调色板中的颜色数量
经本人优化后,使用firebug实际测试结果:
优化前图片为:4.6kb;响应时间5次为:132ms、107ms、93ms、141ms、132ms;平均:121ms
优化后为:3.4kb;响应时间5次为:97ms、99ms、105ms、95ms、105ms;平均:100.2ms
虽然图片小了紧紧1kb,但是性能差了20ms!!!这只是一个小于5kb的图片啊,想象一下你的网站有多少图片吧