太大的图片不仅会影响加载速度,而且会让捉襟见肘的网站流量变得更多,为此有必要在上传图片前先确认下图片的大小,如果图片太大建议先进行一下图片的压缩。
图片压缩
那么如何压缩图片呢?个人使用的是一个在线的网站工具:tinypng.com,完全免费,可以批量压缩 20 张图片,最大 5MB。
该网站还提供了:
- API ,开发者可以调用它来为自己的产品提供图片压缩服务,但每月只能调用 500 次。
- Mac 的桌面端工具 TinyPNG4Mac,开源在 GitHub,可以压缩超过 5M 的图片。
webp / avif 格式
webp 和 avif 格式比起传统的 jpg 格式体积更小,也是目前非常主流的图片格式。
WebP 使用了更优的图像数据压缩算法,能带来更小的图片体积。例如微信文章里的很多图片都是 webp 格式。
avif 格式压缩的更厉害,体积更小。一些主流网站使用的图片就是avif格式的。
但是这两种格式得考虑兼容性问题,读者可以去 caniuse.com 搜索各大浏览器的兼容情况。
感兴趣的同学可以参考以下博客进行了解