问题场景
最近在做一些网站性能优化方面的工作。
部分小图转化为Base64与css同步下载,但几张比较大的图(100k~300k)就不太适合转成Base64了,转换后会更大,影响css下载速度;
但采用外联图片异步下载的方式,图片本身的下载速度又很慢,导致页面呈现过程中,用户体验差;部分图片压缩软件效果不理想,造成图片失真。
于是TinyPNG登场!!
TinyPNG
戳我进官网
TinyPNG可以用来压缩.png/.jpg图片,官网即可在线压缩
如下为一些图片的压缩结果:
压缩比一般在一半左右,压缩后的图片也基本看不出区别
此外,TinyPNG还提供了PS Plugin及开发者API,方便项目中功能集成,有兴趣的同学可以了解下