如何使用webpack“tinypng方式”压缩jpeg图像?

时间:2016-04-16 13:52:36

标签: webpack image-compression

我正在使用image-webpack-loader压缩图片。它适用于png图像,但它几乎不压缩jpeg图像。

示例1:

  • 原始PNG文件:124 kb
  • 装载机结果:25 kb
  • Tinypng结果:23 kb

示例2:

  • 原始JPG文件:567 kb
  • 装载机结果:563 kb
  • Tinypng结果:146 kb

图像加载程序配置:'image-webpack?{bypassOnDebug: true, progressive: true, optimizationLevel: 1, interlaced: true, pngquant:{quality: 100, nofs: true}}'

如何使用jpg图像接近tinypng结果?

2 个答案:

答案 0 :(得分:0)

根据文档,您需要将optimizationLevel增加到更高的值(例如5):

  

优化级别0启用一组优化操作   这需要很少的努力。图像没有变化   像位深度或颜色类型的属性,没有再压缩   现有的IDAT数据流。优化级别1启用单个   IDAT压缩试验。

答案 1 :(得分:0)

尝试一下。它将帮助您自动缩小jpg图像,而无需进行复杂的算法配置。它还可以帮助您编码(和内联)图像(比url-loader更灵活)。

https://github.com/GaoYYYang/image-optimize-loader

bow= messages_bow.transform(df['text'])
prediction= clf.predict(bow)