网站中 JPG、PNG 与 WebP 的选择指南

很多网站只想着压缩，却忽略了文件格式本身。其实这一步更基础，因为只要格式选错，就算后面做优化，文件依然可能偏重。

如果一开始就选对格式，后续结果通常会更干净，也更省力。这样压缩变成微调，而不是补救。

JPG 通常很适合照片类和视觉信息丰富的素材，特别是在可以接受一定有损压缩的场景下。它很适合不需要透明背景、并且文件体积很重要的内容。

像博客配图、横幅、编辑型图片，很多时候都适合 JPG，尤其是当目标是让页面更轻时。

当图片需要透明背景，或者图形边缘必须保持干净锐利时，PNG 往往更合适。比如 logo、UI 元素以及某些导出的图形素材，通常比照片更适合 PNG。

代价是，如果把 PNG 用在照片型内容上，文件体积往往会远大于 JPG。因此，把 PNG 当默认格式并不理想。

WebP 往往能在文件体积和视觉质量之间取得很好平衡，对现代网站来说非常实用。它既适合照片，也适合很多图形素材，因此常常是非常灵活的发布格式。

它不是解决所有图片问题的万能答案，但几乎总值得测试，因为它经常能在保持良好观感的同时显著减小文件。

如果是照片，先在 JPG 和 WebP 之间比较。如果需要透明背景，或更接近图形素材，就比较 PNG 和 WebP。然后压缩最优版本，并以真实显示尺寸查看效果。

这个流程简单、可重复，也远比给网站上所有图片套一个统一格式更合理。