图片格式转换 — PNG ⇄ WebP ⇄ JPEG ⇄ AVIF

🔗 相关工具

📖 常见的坑

本工具使用 Canvas API 完全在浏览器内完成 PNG / WebP / JPEG / AVIF 的互转，不会上传文件。但经过 Canvas 意味着图像被解码为像素后重新绘制。原文件中除像素之外的一切——拍摄时间、GPS、色彩配置文件、动画——都会在此过程中丢失。

情形	会发生什么	怎么处理
手机照片方向变了	手机按传感器方向记录，并通过 EXIF 的 Orientation 标签告知「显示时请旋转」。Canvas 不会带走该标签，因此原本只在忽略 EXIF 的软件里横躺的照片，转换后会在所有环境中横躺。反之「转换前正常、转换后躺倒」也是同一原因。	转换前请先用 EXIF 查看器确认 Orientation 值；若不是 1，请先用图片旋转把正确方向烧录进像素，再进行转换。顺序颠倒会导致已旋转的像素上又残留一条旋转指令。
颜色略微发暗或偏色	相机与 Adobe 系工具的导出常会嵌入 Display P3、Adobe RGB 之类的广色域配置文件。Canvas 原则上按 sRGB 处理，配置文件被剥离后，鲜艳的红与绿会略显发暗。不并排对比很难察觉，但涉及品牌色时就成了问题。	若用于网页发布，请在源头就转换为 sRGB：Photoshop 中使用「存储为 Web 所用格式」或「转换为配置文件」并指定 sRGB。用于印刷或需要保留广色域的素材，请不要经过本转换器。
大图转换失败或变成全黑	Canvas 存在因浏览器而异的面积上限。iOS Safari 最为严格，且随设备内存变化：单边超过约 4,096px，或总像素超过约 1,600 万~1,700 万后，它不会抛异常，而是返回全黑或空白图像。由于没有报错，原因很难被察觉。	请先用图片缩放把长边压到 4,000px 左右再转换。若用于网页，超过 2,000px 几乎必然是过量的——即便考虑 Retina 屏，实际显示宽度的 2 倍也已足够。

若输入动态 GIF 或多帧 WebP，只会得到第一帧的静态图，因为 Canvas 一次只能容纳一帧。若要在保留动画的前提下换格式，需要 ffmpeg 之类的处理工具。另一方面，丢失拍摄地点的 GPS 信息，对将要公开的图片反而是好事：多数社交平台在上传时会剥离 EXIF，但你自己托管的图片不会有人替你处理。

📖 使用方法

1

载入图片

拖放或点击选择文件。文件仅留在浏览器中，不会上传到服务器
2

选择输出格式与质量

质量滑块对 WebP 与 AVIF 生效；PNG 为无损格式，不受滑块影响
3

转换并下载

保存前可对比转换前后的文件大小

❓ 常见问题

WebP 与 AVIF 该选哪个？

在观感相同的前提下，AVIF 通常小 20~30%，但编码明显更慢，旧环境无法显示。稳妥做法是用 picture 元素按 AVIF → WebP → JPEG 依次回退。

透明区域变成了黑色

JPEG 没有 Alpha 通道，透明像素必然被填充为纯色。若要保留透明，请选择 PNG、WebP 或 AVIF。

转换后文件反而变大了

把非照片保存为 JPEG，或把已压缩的 JPEG 保存为 PNG 时会这样。插画、截图这类颜色较少的图像，用 PNG 或 WebP 更小。

🐛 此工具出现问题了吗？

免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。

🔄 图片格式转换

输入

输出预览

🔗 相关工具

📖 常见的坑

📖 使用方法

❓ 常见问题

感谢您的反馈！