JPEG、PNG、WebP 的区别与各自的用途
JPEG、PNG 和 WebP 都用来存储图片，但它们在文件大小、画质、透明和动画之间做出不同取舍——选错就意味着要么文件臃肿，要么画质明显受损。本文讲清区分它们的那个核心概念（有损与无损压缩），用一张表对比主要格式，并给出为照片、图形和网页选对格式的简单准则。
有损与无损：唯一要记住的概念
所有格式选择都归结为一个问题：压缩是有损还是无损？有损压缩（JPEG，以及 WebP/AVIF 的有损模式）会永久丢弃你的眼睛难以察觉的细节，以换取小得多的文件。压得越狠，文件越小，损伤也越明显——而且无法还原。无损压缩（PNG、GIF，以及 WebP/AVIF 的无损模式）在不丢弃任何内容的前提下更高效地打包数据，因此图像能逐像素完整重建，代价是文件更大。
这正是照片适合有损格式、平面图形适合无损格式的原因。照片有数百万种细微不同的色调，丢一点细节就能省下大量空间，几乎看不出来。而 logo、截图或文字有硬边缘和大片平坦区域，有损压缩会把边缘糊成可见的杂边，无损压缩则能保持锐利、同时仍压得不错。
格式对比表
下面就决定你该选哪种格式的各项特性，对比常见格式。
| 格式 | 压缩 | 透明 | 动画 | 适合用途 |
|---|---|---|---|---|
| JPEG | 有损 | 不支持 | 不支持 | 照片 |
| PNG | 无损 | 支持（alpha） | 不支持 | 图形、文字、透明 |
| WebP | 有损 + 无损 | 支持（alpha） | 支持 | 现代网页、大多数场景 |
| GIF | 无损，256 色 | 仅 1 位 | 支持 | 简短的简单动画 |
| AVIF | 有损 + 无损 | 支持（alpha） | 支持 | 最小文件、现代网页 |
JPEG：照片的默认之选
JPEG 几十年来一直是照片的标准格式，这是有道理的：它能把全彩照片压到原始大小的很小一部分，且损失多数人察觉不到。它不支持透明和动画，而且每次重新保存 JPEG 都会再压缩一次，所以反复编辑保存会让图像逐渐劣化。实用建议是保留一份原图，并以约 80% 的质量导出 JPEG——这是文件小、而对普通照片来说杂讯又看不出来的最佳点。
PNG：透明与锐利边缘
PNG 是无损的，支持完整的 alpha 通道，因此是 logo、图标、界面元素、截图，以及任何带锐利文字或透明背景内容的正确选择。缺点是体积：由于它从不丢弃细节，一张照片存成 PNG 可能比等效 JPEG 大上数倍，却没有可见好处。请在边缘必须锐利或需要透明时用 PNG，而不要把它当作通用的照片格式。
WebP 与 AVIF：现代选项
WebP 和 AVIF 是为兼顾两种任务而生的较新格式。两者都支持有损与无损模式、透明和动画，在相同视觉质量下生成的文件比 JPEG 或 PNG 更小——WebP 相比 JPEG 通常省 25% 到 35%，AVIF 往往更多。WebP 受所有当前浏览器支持；AVIF 支持面广但稍新。对网页而言它们通常是最佳选择，再为偶尔的旧客户端配一个 JPEG 或 WebP 备选即可。
选择的简单准则
若是用于网页的照片，用 WebP（或 AVIF），并以 JPEG 兜底。若带透明、锐利文字或平面图形区域，用 PNG，或用无损 WebP 省空间。若是简短的简单动画，现代站点用动画 WebP 比 GIF 更合适。而当别人给你一张 JPEG 时，别指望转成 PNG 来改善画质——细节早已丢失，你只会得到一个更大的文件。
常见问题
WebP 一定比 JPEG 小吗？
通常是，但并非总是。在相同视觉质量下，WebP 一般会比 JPEG 更小，常小 25% 到 35%，但具体节省取决于图像。照片几乎总是更省；对少数很小或很简单的图像，差异可能微乎其微。
为什么我的 PNG 照片这么大？
PNG 是无损的，会精确存储每个像素，无法像 JPEG 那样丢弃细节。这对文字和平面图形很理想，但对有数百万细微色调的照片就很浪费。对照片来说，JPEG 或 WebP 只是其大小的一小部分。
把 JPEG 转成 PNG 能提升画质吗？
不能。JPEG 压缩已经丢弃了细节，转成 PNG 只是把这个结果固定成一个更大的无损文件，无法找回失去的内容。只有当你之后需要透明或无损编辑时，才转成 PNG。
私密地在格式之间转换
一旦知道哪种格式合适，转换只需几秒。Tracelyx Convert 在你的浏览器中把图片在 JPEG、PNG 和 WebP 之间转换——无需上传、无需账号——因此你能在不把照片、图形和敏感文件发往服务器的情况下重新转码。
在浏览器中转换图片 →
