JPG、PNG、WEBP、AVIF 对比:该用哪种图片格式?
选错图片格式,可能导致 Logo 模糊、照片体积过大,或者文件根本打不开。正确的选择取决于两个问题:图片里是什么内容?要用在哪里?
下面先介绍每种常见格式各自擅长什么,最后附上一份快速选择清单。
JPG:照片的通用之选
JPG 采用专为照片优化的有损压缩,舍弃人眼几乎察觉不到的细节。它生成的文件小,过去 25 年间问世的几乎所有设备和程序都能打开。
缺点:不支持透明背景,文字、锐利线条或纯色区域会出现模糊的伪影。
PNG:清晰的图形与透明背景
PNG 是无损格式,每个像素都完整保留。它完全支持透明背景,因此是 Logo、图标、截图和界面图形的标准格式。
缺点:保存为 PNG 的照片往往比同一张照片的 JPG 大好几倍。
WEBP:更适合网页的小文件
WEBP 支持有损和无损压缩,也支持透明背景和动画。在视觉质量相同的情况下,它通常比 JPG 和 PNG 都小,而且所有现代浏览器都支持。
缺点:一些较旧的桌面软件、打印机和上传表单仍不接受它。
AVIF:最新、最高效
AVIF 基于 AV1 视频编码,压缩照片的效果往往比 WEBP 还要好。主流浏览器的当前版本都能显示它。
缺点:编码速度慢,浏览器之外的支持仍然有限,因此需要分享或编辑时,请把 AVIF 转换为 JPG 或 PNG。
GIF 和 BMP:老旧格式
- GIF 最多只能显示 256 种颜色,如今主要用于短动画;对于静态图片,PNG 在各方面都更好。
- BMP 以未压缩的方式存储像素,文件非常大。只有在旧程序明确要求时才使用。
快速选择清单
- 用于邮件、文档或分享的照片:JPG。
- Logo、图标、截图或任何带透明背景的图片:PNG。
- 自己网站上的图片:WEBP,并保留原始 JPG 或 PNG 作为备份。
- 收到打不开的 AVIF、HEIC 或 WEBP:转换为 JPG(照片)或 PNG(图形)。
- 网站的 favicon 图标:ICO。