您应该使用哪种图像格式？

JPEG

JPEG 将图片分成块并丢弃您的眼睛最不可能注意到的细节。这对于照片来说非常有效，因为照片中的细节不规则且有噪音，而对于任何具有硬边缘的东西则效果很差，因为被丢弃的细节正是定义边缘的。

它在每个质量设置下都是有损的，包括最高质量设置。这里没有无损 JPEG 选项。它无法存储透明度：具有透明区域的图像在成为 JPEG 时会用纯色填充。

将其用于：照片、照片扫描件、任何大部分为连续色调的图片。避免使用它：屏幕截图、文本、线条艺术、徽标以及稍后将再次编辑的任何内容。

PNG

PNG 是无损的。它准确地存储给定的像素，因此它永远不会引入伪影，并且支持完整的 Alpha 透明度。它的压缩利用了重复性，这就是为什么它在平坦的颜色和锐利的边缘上非常有效，但在照片噪声方面效率较低。

保存为 PNG 的照片通常比保存为 JPEG 的同一张照片大几倍，但没有明显的好处。这是最常见的图像格式错误，在将缓慢的页面归咎于其他原因之前，值得检查一下。

将其用于：屏幕截图、UI 捕获、徽标、图表、图片中包含文本的任何内容以及您想要再次编辑的图像的任何工作副本。

WebP

在具有可比视觉质量的情况下，WebP 通常是三种格式中最小的，并且它支持透明度，这使其成为涵盖这两种作业的一种格式。

这里有一个重要的警告：即使质量为 100，您的浏览器也会以有损模式对 WebP 进行编码。该格式确实定义了无损模式，但该工具使用的画布 API 不会公开它。因此，从该站点导出的 WebP 是有损导出，并且以这种方式进行描述，而不是称为无损导出，因为格式原则​​上支持它。

现在，浏览器对显示 WebP 的支持实际上已经普及。对编码的支持并不那么统一，因此无法编码 WebP 的浏览器会在此处报告错误，而不是悄悄地为您提供不同的格式。

AVIF 和 HEIC — 诚实的立场

AVIF 的压缩效果比上述所有三种格式都要好，而且通常要好得多。 HEIC 是现代 iPhone 默认用于照片的格式。 ToolAcre Image Converter 都无法读取两者，这是浏览器限制而不是选择。

浏览器通常可以显示 AVIF，但它们没有提供可靠的方法来解码任意 AVIF 或 HEIC 文件以进行处理，并且 HEIC 解码尤其依赖于并非随处可见的平台编解码器。接受这些文件的工具可以在某些机器上运行，但在其他机器上会失败，因此它们会被明确拒绝。

实际结果是：在生成 HEIC 的设备上将 HEIC 转换为 JPEG（当前的每部手机和两个主要桌面操作系统都可以执行此操作），然后在 JPEG 上使用浏览器工具。对于 AVIF，保留 JPEG 或 PNG 母版，并在发布时使用构建工具生成 AVIF 作为输出。

关于 GIF 的注释

GIF 每帧限制为 256 色，对于除短动画之外的任何内容来说都是一个糟糕的选择。图像转换器读取 GIF，但仅使用第一帧，并且不提供 GIF 作为输出 - 生成带有 .gif 扩展名的静态图像会产生误导，而不是有帮助。

对于动画短片，现代的答案是 MP4 或 WebM 视频，或动画 WebP。这些都不是这里生产的。

工作示例：一篇文章的四个资产

一篇文章需要一张英雄照片、界面截图、透明背景的徽标以及从电子表格导出的图表。

• 英雄照片 — 默认质量的 JPEG，大小调整为显示宽度的两倍左右。连续音调，无需透明度。
• 界面截图 — PNG。它充满了文本和硬边，这正是 JPEG 处理最差的地方，而 PNG 可以有效地压缩其平板。
• 徽标 — WebP 或 PNG。两者都保持透明度； WebP 会更小，PNG 会更精确。对于将放置在不同背景上的徽标，精确度的价值不仅仅是几千字节。
• 图表 — PNG。与屏幕截图相同的推理：平面填充、细线和轴标签。

结果： 四个文件，三种格式，每种格式都是根据图片中的内容而不是习惯来选择的。最常见的失败模式 - 将所有四个导出为 PNG，或所有四个导出为 JPEG - 要么使照片太大数倍，要么使屏幕截图和图表明显涂抹在文本周围。

打开工具

在 JPEG、PNG 和 WebP 之间转换

图像转换器在运行之前会说明转换是否有损，并在运行后报告实际测量的尺寸。

这不包括什么

• ToolAcre Image Converter 读取 JPEG、PNG、WebP 和 GIF，并写入 JPEG、PNG 和 WebP。 HEIC、AVIF、TIFF 和相机 RAW 被拒绝。
• 该网站的 WebP 输出是有损的，因为这是浏览器画布 API 公开的内容。
• 画布转换不会保留颜色配置文件，因此具有不寻常嵌入配置文件的图像可能会略有变化。
• 文件大小比较取决于图片。这里的任何经验法则都是衡量的起点，而不是引用的数字。