图片 · 阅读约 3 分钟 ·
WebP、PNG 还是 JPG：该用哪个？
一份挑选图片格式的实用速查表，以及为什么在浏览器中转换能让你的文件保持私密。
选择图片格式，就是在文件大小、画质和透明度之间取舍。三种格式几乎能覆盖网页上的所有场景。
速查规则
照片：WebP；如果旧系统只接受 JPG，就用 JPG。Logo、图标、界面和截图：PNG 或无损 WebP，因为它们能保留清晰的边缘和透明度。网站图标：ICO 加一张 PNG。AVIF 通常更小，但编码耗时更长。
速查表
格式 最适合 透明 压缩
JPG 照片，兼容性最好 不支持 有损
PNG 截图、标志、文字 支持 无损
WebP 网页上的照片和图形 支持 有损或无损
AVIF 体积最小的照片 支持 有损或无损
GIF 仅限简单动画 1 位 无损，256 色
SVG 标志和图标（矢量） 支持 不基于像素为什么同一张照片用 WebP 更小
JPG 和有损 WebP 都会舍弃人眼几乎察觉不到的细节，但 WebP 做得更高效，所以在画质相近时，照片通常会明显更小。PNG 是无损的：用于截图很完美，用于照片则很浪费。
合理的质量设置
对有损格式来说，网站上的照片用 75 到 85 的质量通常最合适：文件大幅缩小，图像依然干净。摄影作品集或会被放大查看的图片可以调高，小缩略图可以调低。尺寸比质量更重要：一张 4000 像素宽的照片显示在 800 像素宽的栏里，大部分字节都白白浪费了。
透明
JPG 不支持透明，所以背景透明的标志存成 JPG 后会多出一个白色或黑色的方块。凡是要放在不同背景上的内容，请用 PNG 或 WebP。GIF 只支持完全透明或完全不透明的像素，所以柔和的边缘会显得有锯齿。
2026 年的兼容性
当前所有主流浏览器都支持 WebP 和 AVIF。问题出在别处：一些旧的桌面软件、邮件客户端、印刷厂和上传表单仍然只接受 JPG 或 PNG。当文件要离开网页环境时，照片用 JPG、图形用 PNG 依然是最稳妥的选择。
保留原图
在有损格式之间每转换一次都会降低画质，所以一定要从手头最好的原图转换，而不是从已经压缩过的副本转换。把 JPG 转成 PNG 并不能找回丢失的细节，只会让文件变大。
快速决策路径
- 是需要在任何尺寸下都保持清晰的标志或图标？有 SVG 就用 SVG，否则用 PNG。
- 需要透明背景？用 PNG、WebP 或 AVIF，绝不用 JPG。
- 是网站用的照片？用 WebP，想要最小的文件就用 AVIF。
- 要交给印刷厂、旧程序或上传表单？照片用 JPG，图形用 PNG。
- 是动画？一段短视频通常比 GIF 小得多。
为什么本地转换很重要
4Dev 的图片转换器完全在浏览器中运行：图片在你的设备上解码并重新编码，从不上传。它可以读取 PNG、JPG、WebP、GIF、HEIC、AVIF、TIFF 等格式，还能在转换时调整尺寸。