JPG、PNG、WebP 与 AVIF 对比

四种格式对照

各格式的长处

JPG 以 8 × 8 像素的块为单位，用较低的精度存储细节，颜色信息的分辨率通常也低于亮度信息。照片能很好地掩盖这一点，文字和锐利边缘周围则会出现光晕。JPG 每次编辑后重新保存都会再编码一次，通常又会损失一些细节。质量数值的含义请参阅图片压缩设置详解。

PNG 是无损格式，靠查找重复和可预测的图案来压缩，因此截图、图表和徽标的文件很小，照片却不然。一张 1200 万像素的照片包含 3600 万字节的颜色值（4000 × 3000 像素 × 3 字节）；相机噪点几乎没有重复，因此照片存成 PNG 通常比质量良好的 JPG 大好几倍。

WebP 有有损和无损两种模式，都支持透明。有损 WebP 以一半的宽度和一半的高度存储颜色信息，因此细的彩色线条和红色文字可能显得发虚。WebP 图片的任何一边都不能超过 16,383 像素，很长的截图因此无法保存为 WebP；JPG 格式则最多允许 65,535 像素。

AVIF 源自 AV1 视频编解码器。对于照片，它往往是四种格式中压缩效率最高的，在较低质量下尤其明显，并且可以存储 10 位或 12 位颜色以及 HDR。它的编码速度通常更慢，在浏览器之外的支持程度也落后于 WebP。

实测示例：一张截图，六个文件

我们绘制了一张 1280 × 800 的仪表板截图（平涂色块、文字和一张柱状图），用 Python Pillow 12.3（libjpeg-turbo 3.1、libwebp 1.6、libavif 1.4）保存；凡是有质量设置的格式都使用质量 92，与 LeedyBox 转换工具传给浏览器的固定值 0.92 相同。无损 WebP 使用了速度最慢、压缩力度最强的设置。这只是一张合成图片：浏览器的编码器使用不同的设置，得出的数值也会不同，照片的表现也不一样。1 KB = 1024 字节。

对于这种平面图形，JPG 是最差的选择：文件大了一倍多，像素也不再与原图一致。无损 WebP 保留了每一个像素，文件也最小；有损 WebP 则几乎没有节省空间。把 JPG 再转回 PNG 并不能挽回任何损失：PNG 必须原样保存 JPG 的压缩伪影，文件增大到原始 PNG 的 4.5 倍。

换成一个透明背景的 512 × 512 徽标时，PNG 为 31.6 KB；有损 WebP 为 18.4 KB，并保留了透明度；AVIF 为 16.6 KB；无损 WebP 为 12.7 KB；JPG 为 25.2 KB，但透明部分变成了一块白色方形。这一次同样是无损 WebP 的文件最小，而且保留了每一个像素。

转换能做到与做不到的事

• 转换无法恢复细节。JPG 保存为 PNG 后，原有的压缩伪影依然存在。
• 有损转有损会叠加损失。JPG 转为 WebP 或 AVIF 时，旧的伪影会被再编码一次，因此请从手头最好的原图开始。
• 透明度需要能存储它的格式。 JPG 没有 Alpha 通道，因此 LeedyBox 转换器在保存为 JPG 或 BMP 时会用白色填充透明区域，柔和的边缘也会与白色混合。标志和抠图请保留为 PNG 或 WebP。
• 像素尺寸往往更重要。一张 4000 × 3000 的照片以 1200 × 900 显示时，携带了 1200 万像素，而实际只需要 108 万像素，约为所需的 11 倍。即使是像素密度为两倍的屏幕，也只用到 2400 × 1800，即 432 万像素。请参阅调整图片尺寸。

使用 LeedyBox 图片转换工具进行转换

1. 打开图片转换，点击“选择文件或将文件拖放到这里”，或直接把图片拖放到框中。只要浏览器能打开，PNG、JPG、WebP、BMP、GIF 和 AVIF 文件都可以添加。
2. 列表中会显示每个文件的像素尺寸和一个格式菜单，菜单默认为 JPG，另外还提供 PNG、WebP、BMP、AVIF 和 ICO。您可以逐个文件更改，也可以使用“批量转换选项：”旁边的“将所有格式设置为...”菜单一次更改所有文件。凡是带透明的图片，请选择 PNG、WebP 或 AVIF。
3. 点击“转换并下载”。单张图片下载时，文件名为原名加上“_converted”，例如 holiday_converted.webp；多张图片则打包为 leedybox_converted_images.zip 下载。

转换工具会保持像素尺寸不变，只有 ICO 例外：ICO 会缩小到 256 × 256 像素以内。对于 JPG、WebP 和 AVIF，它向浏览器请求质量 0.92（取值范围为 0 到 1），工具本身不提供质量设置。Chrome 和 Edge 会以该值生成有损 WebP；其他浏览器的编码器表现可能不同。JPG 和 BMP 会填充白色背景；BMP 以每像素 24 位、不压缩的方式保存，因此一张 6000 × 4000 的照片会变成 72,000,054 字节。许多浏览器无法生成 AVIF；转换工具会在页面打开时检测这一点，如果浏览器无法生成，就会停用该选项，并将其显示为“AVIF (此浏览器不支持)”。

转换在您的浏览器中完成，转换过程中图片不会发送到 LeedyBox。每张图片都会被重新绘制，因此 EXIF 数据、GPS 位置和其他元数据不会被复制。如果想自行选择质量并对比处理前后的效果，请使用图片压缩（支持 JPG、WebP 或 PNG，质量滑块默认为 75，也可以设置目标文件大小）；如果想缩小尺寸，请使用图片尺寸调整。

不同用途该选哪种格式

关于网页上的图片，另请参阅为网站选择合适的图片格式。

常见问题排查

• 透明背景变成了白色。输出格式是 JPG（默认选中的格式）或 BMP。请重新转换为 PNG、WebP 或 AVIF。
• 文件变大了。照片或 JPG 保存为 PNG 时经常如此，不压缩的 BMP 也是一样。照片请使用 JPG 或 WebP，或者保留原始文件。
• 无法选择 AVIF。您的浏览器无法生成 AVIF。请选择 WebP，或换一个浏览器试试。
• ZIP 中的文件比添加的少。转换为 WebP 时，logo.png 和 logo.jpg 都会变成 logo_converted.webp，后一个文件会覆盖前一个。请先给其中一个文件改名。
• 没有下载任何文件。浏览器无法生成所选格式时，该文件就会转换失败：有些浏览器无法生成 WebP，而且 WebP 格式不允许宽度或高度超过 16,383 像素。图片过大时，也可能超出浏览器所能处理的画布尺寸。批量转换时，只要有一个文件失败，转换工具就会在生成 ZIP 之前停止。请更改该文件的格式，或将其移除。
• 动画变成了静态图片。只会保留一帧，通常是第一帧。

转换后的检查事项

• 以实际尺寸查看结果，重点检查文字、边缘、人脸和渐变。
• 比较文件大小；如果新文件并没有变小，请保留原始文件。
• 把透明图片分别放在浅色和深色背景上检查。
• 在文件的实际使用场合进行测试：有些邮件程序和上传表单不接受 WebP 或 AVIF。

常见问题