图片格式详解：JPG、PNG、WebP、HEIC 与 SVG——怎么选、何时转、如何转不损画质

五种格式，五种分工

每种图片格式都押注了一个「什么最重要」。JPG 押照片，PNG 押精确，WebP 押带宽，HEIC 押未来（苹果版本的未来），SVG 押可缩放。没有一个完全赢，所以你总会拿着错误格式的图、需要另一种——这就是转换工具存在的理由。

熟练的捷径是按用途匹配格式，而不是背参数表：

| 格式 | 最擅长 | 最不擅长 | |---|---|---| | JPG | 照片、不透明、最终交付 | 透明、文字边缘、再编辑 | | PNG | 截图、文字、透明、编辑母版 | 照片体积 | | WebP | 一切网络交付 | 旧软件支持 | | HEIC | iPhone 拍摄效率 | 苹果生态外的一切 | | SVG | 图标、Logo、示意图 | 照片 |

本指南走完这张表引出的所有决策——以及现实把错误格式塞给你时的转换动作。文中提到的全部转换在 ToolVault 浏览器本地完成。

JPG：压缩的常青树

JPG 活了三十年因为押对了：人眼容忍照片里的小误差，换取 10 倍小的文件。它的设计带来两个至今坑人的属性。

有损且分代。 每次保存都重压缩。打开 JPG→编辑→保存→重复，伪影就叠罗汉：锐边周围的块状光晕、天空的色带。工作规则很简单：从无损母版（PNG 或编辑器原生格式）出发编辑，导出一次 JPG，永不二次编辑导出件。顺手检查工作流里的隐形分代——某些聊天应用和 CMS 上传时会静默重压缩。

没有透明。 JPG 像素永远不透明。任何带 alpha 通道的 WebP 或 PNG 走一遍 JPG 就失去透明——运气好合成到白底，运气差黑底。贴纸、Logo、抠图永远不该是 JPG。

PNG：精确的代价

PNG 无损：存进去的像素就是取出来的像素。这使它成为「还要再编辑」的东西的母版格式，也是截图的天堂——平色、锐利文字边缘、透明，在它的 deflate 模型里都压得漂亮。

反面：PNG 是照片的错误答案。照片存 PNG 常规比 JPG 双胞胎重 3-5 倍——无损压缩无法利用人眼对近似的容忍。多数团队落在实践模式：磁盘上 PNG 母版，交付时导出 JPG 或 WebP。

PNG 的透明也是一类经典 bug 的安静来源：深色模式 UI 假设了背景色。透明背景导出的图标在浅色完美、深色消失。修复属于资产侧（两种背景都测），不属于 CSS 拯救。

WebP：带宽的答卷

WebP 用比 JPG 小 25-35% 的体积做同样的事，透明场景比 PNG 小 50-70%，所有现代浏览器都渲染。问题从来不是 WebP 技术上是否更好——是——而是文件下游的一切是否接受它。

实践里仍会断的地方：部分 CMS 上传管线、旧版 Windows 看图、一批企业软件。网站的稳健模式是 <picture> 带 PNG/JPG 回退，而不是全押一种格式。个人工作流的问题只是「目的地开不开」——不开就转：要兼容性用 WebP 转 JPG，要无损编辑母版用 WebP 转 PNG。

一个值得知道的细节：动态 WebP 存在。转成静态格式只捕获第一帧——动的东西属于 GIF 或视频格式。

HEIC：优秀的格式，带围墙的花园

iPhone 拍 HEIC 因为它真的高效——每字节画质比 JPG 好。问题在苹果生态之外：没装扩展的 Windows、旧版 Office、一半的网络上传框。于是 HEIC 用户在不停转换，方向取决于目的地：

• 网页或现代工具：HEIC 转 WebP 保住效率优势且有真实兼容性
• 通用兼容：HEIC 转 JPG——1995 年以来一切系统都开的格式
• 编辑母版：HEIC 转 PNG——解码之后无损

一个意外到人的细节：iPhone 照片带 Display P3 广色域。转到 sRGB 基础的格式时，最饱和的色彩偏移几个百分点——多数照片不可见，鲜艳产品图值得知道。

SVG：永远缩放的那一个

SVG 不是像素，是几何。所有规则因此改变：无限缩放（一个 Logo 在 16px 和 16 米宽都锐利）、文件常比位图图标小、可以用 CSS 改样式。

坑：SVG 以字体引用携带文字，缺字体就变样——修法是编辑器里文字转轮廓。照片做成 SVG 很惨（格式用形状逼近照片，输得很彻底）。SVG 转位图是为了「要像素的目的地」——SVG 转 PNG 以 2-4 倍渲染出 retina 锐度——但这是单程门：光栅化太小分辨率就永远没了，而 SVG 本可以随时重渲染更大。

保画质的转换规则

多数转换损伤是自己造成的。四条规则覆盖几乎全部：

1. 无损转有损最多一次。 PNG 转 90% 质量的 JPG：可以。那张 JPG 再转 85% 的另一张：伪影叠层。
2. 保留母版。 无论为交付转什么，保住最高保真源。存储比重拍便宜。
3. 质量 75-90 是可用带。 70 以下渐变色带、肤色海报化；90 以上花字节买没人看得见的差异。
4. 格式配目的地，不配潮流。 只收 JPG 的上传表单不在乎 WebP 技术上更优。

照片要以文档而非图片形式旅行时——票据、证件复印件——包进 PDF 而不是散图发送：JPG 转 PDF 原图直嵌不重编码，画质全程存活。

本地处理的脚注

格式转换比看上去更常涉及隐私：被转换的照片经常是私人照片。上文链接的每个工具都在浏览器内处理——文件不上传，DevTools 里可边转边验证。

更多格式转换器和 160+ 浏览器本地工具在 ToolVault。