图片压缩与格式优化指南


太大的图片不仅会影响加载速度,而且会让捉襟见肘的网站流量变得更多,为此有必要在上传图片前先确认下图片的大小,如果图片太大建议先进行一下图片的压缩。

图片压缩

那么如何压缩图片呢?个人使用的是一个在线的网站工具:tinypng.com,完全免费,可以批量压缩 20 张图片,最大 5MB。

该网站还提供了:

  • API ,开发者可以调用它来为自己的产品提供图片压缩服务,但每月只能调用 500 次。
  • Mac 的桌面端工具 TinyPNG4Mac,开源在 GitHub,可以压缩超过 5M 的图片。

webp / avif 格式

webp 和 avif 格式比起传统的 jpg 格式体积更小,也是目前非常主流的图片格式。

WebP 使用了更优的图像数据压缩算法,能带来更小的图片体积。例如微信文章里的很多图片都是 webp 格式。
avif 格式压缩的更厉害,体积更小。一些主流网站使用的图片就是avif格式的。

但是这两种格式得考虑兼容性问题,读者可以去 caniuse.com 搜索各大浏览器的兼容情况。

感兴趣的同学可以参考以下博客进行了解


文章作者: gloamfox
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 gloamfox !
 上一篇
Hexo永久链接最佳实践:终极方案与优化指南
本文详细分析了Hexo博客的多种永久链接方案,包括默认配置、标题生成、拼音插件、哈希插件等,并推荐使用基于文章创建时间的日期格式作为最佳选择。该方案完全依赖Hexo原生功能,无需额外插件,生成的URL简洁、无中文乱码、长度固定,只要在每篇文章的Front-matter中明确设置date字段,链接即可永久不变,是兼顾SEO与稳定性的最优解。
2026-03-24
下一篇 
Hexo插件:移除图片默认 alt 属性
本文介绍了如何在Hexo博客中移除所有图片标签的alt属性。通过在根目录或主题目录的scripts文件夹中添加特定的JavaScript代码,可以在HTML渲染后自动删除所有img标签的alt属性。文章提供了具体的代码实现并提醒用户注意这会同时删除手动添加的有意义alt文本,建议按需使用。
2026-03-19
  目录