WEB前端开发中的图片压缩


前端

零度逍遥

2014-12-21 01:46:09

web前端开发中,图片的重要性不言而喻,而由于一些图片的大小加上现在国内的网速不给力等种种原因,我们非常有必要对网站使用的图片进行压缩,压缩图片必然会带来图片质量的损失,我们要尽可能的在质量降低很小的情况下压缩图片,以便让网站更快的加载,提高用户体验度。

我在工作中,压缩图片用到了三个方法,分享给大家:

一、使用windows自带的画图工具

1、使用画图工具打开想要压缩的图片;2、什么都不用做,直接另存为你想要的图片格式,你会发现它比源文件小了很多,而且质量看不出来损失。

这个方法简单,快捷,压缩效果还算理想,所以我很推荐,但是如果图片太多的话不是太推荐。

二、使用TinyPNG工具

TinyPNG是一个知名的在线压缩图片的网站,可以压缩PNG和JPG格式的图片,可以同时上传20张图片,每张最大不能超过5M,这个工具压缩的效果很理想,尤其对于PNG格式的图片。

地址:https://tinypng.com/

三、使用腾讯的智图

腾讯的智图也是一个在线压缩图片的网站,效果测试了一下,还算可以,它还可以导出一种webp格式的图片。

大家可以综合一下使用以上三个方法来压缩图片,我通常的做法是使用第一种方法,如果效果还不太满意,再使用第二种方法。