web前端优化之图片无损压缩的优化(4)

页面上的各类图片是否有优化的余地,推荐使用 PageSpeed 检测一下。php

  因为专卖店等各类业务上传的图片有 jpeg、png 和 gif 等格式,所以三种格式都须要优化:shell

  1)jpegtran和jpegoptim的压缩效果几乎彻底相同。测试

  但jpegtran有progressive编码(渐进式的展现,先显示模糊的,再逐步清晰),并且一般(84%的几率)对于大图片(10k+)压缩比更高。优化

  虽然咱们的大部分页面已经改为延迟加载了,但对于非延迟加载的页面,效果明显更好。编码

  经测试,pagespeed 并无按照 progressive 方式提供建议。命令行

  2)测试了png的几种压缩方式,压缩效果各异。测试的一张图片 optipng 只压缩了约5%,但其余几种达到了20%+图片

  经测试,pagespeed上给出的可压缩比例是按照optipng给出的。ip

  pngout听说采用了不一样的编码,所以对小图片压缩效果更好。用imageoptim测试确实略优,但命令行上还没找到合适的调用参数。分页

  目前决定采用pngcrush。gc

  对于采用png8,以大幅压缩的方法,咱们不作技术处理。

  3)gif就采用gifsicle作压缩。

  大部分状况下,咱们不建议采用gif图片。对于单帧gif更应该用png格式替代。

  这里咱们暂不考虑经过技术处理来吧单帧gif转换成png。

  4)采用php的exec调用shell脚本的方式来执行这些bin文件。

相关文章
相关标签/搜索