如何将 JPG 转换为 PNG：何时使用哪个

JPG 和 PNG 是网络上最常见的两种图像格式。多数人看来它们一样,但在底层它们的工作方式非常不同,用错了可能意味着文件不必要地过大、意外的画质损失、缺失透明度,或者印刷成品颜色出错。知道在每个方向上何时转换(以及何时跳过这两者去用 WebP 或 AVIF)能把一项例行任务变成一个虽小却影响实际的决定。

JPG 与 PNG 简史

JPEG(Joint Photographic Experts Group)于 1992 年标准化,几乎一夜之间成为主导的照片格式,相对于未压缩位图节省的带宽巨大,而专利环境也足够友好,让浏览器纷纷采纳。PNG(Portable Network Graphics)于 1996 年出现,专门作为对 GIF 的自由、无损、适合网络的替代品,当时 GIF 受 Unisys 的 LZW 专利所累。PNG 增加了 24 位色彩、alpha 透明度、伽马校正,以及对流式友好的分块结构。GIF 的专利最终在 2004 年到期,但那时 PNG 已经赢得了无损这块阵地。

两十年后,WebP(Google,2010)和 AVIF(Alliance for Open Media,2019)以更小的文件兼顾有损与无损出现作为通用替代者。到 2024 年,WebP 浏览器支持率超过 97%,AVIF 超过 92%,因此多数现代团队为新内容采用它们作为默认。JPG 与 PNG 仍然无处不在,因为数十亿现有素材、第三方 API 和邮件客户端仍把它们当作最小公约数对待。

关键区别

JPG (JPEG) 使用有损压缩。它通过丢弃肉眼不太会察觉的图像数据让文件变小:高频细节、饱和区域内细微的色彩渐变,以及人类视觉系统较少关注区域的信息。对照片很好,对锐利图形不好。

PNG 使用无损压缩。它用 DEFLATE(与 ZIP 同一种算法)逐像素精确保留,因此文件更大但像素完美。对截图、徽标,以及任何带文字、锐利边缘或透明度的内容都很好。

这种错配是大多数格式选择错误的根源:一份 4 MB 的线框图 JPEG、一张 8 MB 的度假照片 PNG,以及由此本应两秒载入却用了二十秒的页面。

何时把 JPG 转为 PNG

• 你需要透明度,JPG 不支持透明背景。如果你需要把图像放在彩色或纹理背景上,不出现可见的白框,就转 PNG。
• 你要反复编辑这张图,每次保存 JPG 都会重新压缩并损失一点画质。先转 PNG,想编辑多少次就编辑多少次,完成后再保存回 JPG。
• 图中有文字或锐利线条,JPG 压缩会在锐利边缘周围产生可见的伪影(著名的「振铃」光晕)。PNG 让文字保持清晰、线条干净。
• 你要在设计工具里叠层,Figma、Sketch 和 PowerPoint 把 PNG 叠在背景上比 JPG 渲染更干净。
• 你需要文档用的截图,截图总是以 PNG 看起来更好;UI 元素的锐利边缘会被 JPEG 弄糟。
• 图是图表、示意图或二维码,任何含大块纯色区域与硬边界的内容,正是 PNG 被设计来处理的。

何时把 PNG 转为 JPG

• 照片与写实图像,一张 PNG 照片可能比同一张高质量 JPG 大 3 到 5 倍,而肉眼看不出区别。
• 需要减小文件大小,用 JPG 通过邮件发送照片或上传到网站要快得多。6 MB 的 PNG 经常变成 600 KB 的 JPG,而看不出可感知的损失。
• 图像不需要透明度,如果总是放在白色或纯色背景上,JPG 更小且完全够用。
• 你要发给印刷厂,许多印刷服务对照片性内容仍然期望 JPG;PNG 也可以,但并不总是被推荐。
• 上传到有大小上限的平台,多数平台的头像无论如何都会压成 JPG,所以先自己转可以控制画质。

如何转换

JPG 转 PNG:

1. 上传你的 JPG 文件,拖拽或点击浏览。转换器接受 JPEG、JPG、JPE 后缀。
2. 点击「转换为 PNG」开始处理。转换在浏览器里运行;没有任何上传。
3. 下载无损 PNG 图像。生成的文件更大,但包含原始的每一个像素。

PNG 转 JPG:

1. 上传你的 PNG 文件。
2. 视情况调整画质滑块(画质越高文件越大)。对多数照片,85-92 是甜蜜点。
3. 选择如何处理透明度(透明像素变成白色、黑色,或你选的颜色)。
4. 下载压缩后的 JPG 图像。

整个流程在客户端运行:用 FileReader 读取文件,由浏览器解码,绘制到 canvas 上,再通过 canvas.toBlob 重新编码。即便是敏感截图也留在你的机器上。

快速对照

与现代替代品的对比

JPG 和 PNG 不是仅有的选择。两个较新的格式用更小的文件处理多数相同的场景。

若你的受众使用现代浏览器,导出一次 AVIF、一次 WebP(以 JPG/PNG 作为回退)是当前 Web 图像的最佳实践。

常见陷阱

• 把 JPG 转成 PNG 以「提升画质」,如果画质在 JPEG 压缩中已经丢失,转成 PNG 也带不回来。只会让文件更大,看起来一样。
• 默认把照片保存为 PNG,一张 1200 万像素的照片存为 PNG 可达 20 MB;同一张在 JPEG 质量 88 下不到 2 MB,看上去毫无差别。
• 转 JPG 时忽视透明度,透明像素会变成一种纯色(通常是白色)。带透明背景的徽标请保留为 PNG 或 WebP。
• 反复重新编码 JPG,每次保存都会增加压缩伪影。在无损格式(PNG、TIFF)中编辑,只在最后导出为 JPG。
• 忘记 EXIF 数据,相机的 JPEG 带有 GPS、设备型号和时间戳的 EXIF。PNG 转换器是否剥离它视工具而定。如果在意隐私,转换后用一张样图验证。
• 色彩配置文件错误,把 Adobe RGB 的 JPEG 不转换地降到 sRGB 的 PNG 会让颜色明显偏移。多数浏览器转换器假设 sRGB;若源是广色域,请先在照片编辑器里转换。
• CMYK 的 JPEG 被误解,CMYK 用于印刷流程。浏览器(以及多数网页转换器)期望 RGB;CMYK 的 JPEG 可能出来是灰阶或颜色反了。印刷素材请用桌面工具。
• 带 alpha 的 PNG 用到只接受 JPEG 的站点,会把内容重新压成 JPG 的社交平台会用它们选择的颜色填充透明像素,深色主题上常常是黑色。
• 靠头字节判断格式,前 8 字节是 PNG 签名的 .jpg 文件其实是被错命名的 PNG,扩展名不能反映内容。用十六进制查看或 file 命令确认。
• 忘了 PNG 的画质是二元的,PNG 没有画质滑块。你不能「以 80% 保存 PNG」。可调的只有位深度、调色板大小(PNG-8 对 PNG-24)以及预过滤选择。

替代工具与库

对一两张图,网页转换器是最快路径。对批量或脚本化工作,命令行工具与库接手。

用于自动化产品照流水线,sharp 或 vips 通常是合适的工具。对一次性快速转换,网页工具在便利与隐私上胜出。

隐私与转换器

JPG 与 PNG 转换器完全在你的浏览器中运行。你选择的文件用 FileReader API 读取,由浏览器的图像管线解码,绘制到离屏 canvas 上,然后用 canvas.toBlob 重新编码。没有上传、没有日志、没有共享。对于敏感材料,内部仪表盘截图、身份证扫描件、作为图像证据的合同草稿,这种仅本地的流程是信任陌生人服务器与谁也不信任之间的差别。即便是普通照片也常带 EXIF 元数据(GPS 坐标、设备序列号、时间戳),你可能不希望第三方看到;基于 Canvas 的管线默认会剥离多数 EXIF,而无上传意味着它本来也不会离开页面。对于像在两种格式间转换这样的日常任务,默认的隐私应当是:任何东西都不离开页面、不被存储、不被分享。