@程序员,一文掌握 Web 应用中的图片优化技巧!( 三 )
});
console.log( 'Images optimized');
});
我们可以在quailty一项决定压缩比率,65-80貌似是一个在压缩率和质量之间实现平衡的数值,腾讯AlloyTeam出品的gka图片处理工具,同样使用到了imagemin库,他们默认也是使用65-80的选项:gka代码。用它压缩一张png图片,我们看看效果如何:
这是压缩前的:
这是压缩后的:
从肉眼上几乎看不出区别,但实际上减少了百分之77的体积!读者可以自己保存图片进行比较。
JPG/JPEG压缩与渐进式图片
压缩jpg/jpeg图片的方式与png类似,imagemin提供了两个插件:jpegtrain和mozjpeg供我们使用。一般我们选择mozjpeg,它拥有更丰富的压缩选项:
推荐阅读
- 电子竞技|和平精英:掌握这些技巧,分分钟成车神
- edg战队|王者荣耀:一招鲜吃遍天?1个英雄想打5个位置?掌握这几个完全可以
- 网游|颠覆你认知的网游土豪,程序员加班为他改游戏,还送专属服务器
- 网易|永劫无间诡异宕机事件:网易机房过热,程序员竟然祭出了干冰?
- 法术|双城之战:羁绊、海克斯强化、装备一文看懂
- 甄姬|甄姬三技能的稳定性加强,掌握5个玩法技巧对上分有帮助
- 地下城与勇士|DNF:一次给3张传说卡片!讨伐战S级奖励技巧,掌握两个要领就行
- 热血传奇|热血传奇:提升幸运属性实在太难?只是你没掌握到方法
- 庄周|敌方边路选择庄周应该如何应对?选择这些对位英雄就能掌握先机!
- 手机游戏|LOL手游掌握了流量密码,社交玩法才是国内手游的主旋律?