web前端优化之图片无损压缩的优化(4)
2016-03-04 10:17 风弈飞 阅读(1069) 评论(0) 编辑 收藏 举报页面上的各种图片是否有优化的余地，推荐使用 PageSpeed 检测一下。
由于专卖店等各种业务上传的图片有 jpeg、png 和 gif 等格式，因此三种格式都需要优化：
1)jpegtran和jpegoptim的压缩效果几乎完全相同。
但jpegtran有progressive编码(渐进式的展示，先显示模糊的，再逐步清晰)，而且通常(84%的概率)对于大图片(10k+)压缩比更高。
虽然我们的大部分页面已经改成延迟加载了，但对于非延迟加载的页面，效果明显更好。
经测试，pagespeed 并没有按照 progressive 方式提供建议。
2)测试了png的几种压缩方式，压缩效果各异。测试的一张图片 optipng 只压缩了约5%，但其他几种达到了20%+
经测试，pagespeed上给出的可压缩比例是按照optipng给出的。
pngout据说采用了不同的编码，因此对小图片压缩效果更好。用imageoptim测试确实略优，但命令行上还没找到合适的调用参数。
目前决定采用pngcrush。
对于采用png8，以大幅压缩的方法，我们不做技术处理。
3)gif就采用gifsicle做压缩。
大部分情况下，我们不建议采用gif图片。对于单帧gif更应该用png格式替代。
这里我们暂不考虑通过技术处理来吧单帧gif转换成png。
4)采用php的exec调用shell脚本的方式来执行这些bin文件。
