网站的图片有什么好的压缩方式？

Question

对于网站的大量图标与高清图有什么好的压缩解决方案吗？

Answer 1

对于图片可以在工作流(webpack, gulp等)中利用插件进行批量压缩，如果是图标则可以合成精灵图进行优化。
也可以在放入项目前使用tinypng这样的压缩图片网站进行在线批量压缩。
具体方案有很多，就比如gulp环境下的imagemin,可以对各种类型的图片读取并压缩，不过现在如果使用gulp4.0最新的release的话，在gulp的执行环境上有一定的bug。

Answer 2

推荐两个网站
https://tinypng.com/
http://optimizilla.com/zh/

Answer 3

图标可以用iconmoon
图片可以使用PP鸭进行压缩，效果贼好
如果是手机图片，设计稿要求是600300的jpg图片，就用PS把图片放大到1200600，然后存为web使用格式的jpg，品质30，存完之后再用PP鸭压缩一遍，可以保证显示为600*300的时候很清晰
具体方案可以多参考淘宝

Answer 4

1. 纯色图标用字体图标
2. 非纯色的小图标，用雪碧图
3. 非纯色大小 5 - 10Kb，转换成base64格式
4. 高清图适当压缩一下，不是透明图片统一转成jpg格式

   腾讯的智图软件，可以压缩和转格式