图片格式转换

功能

• PNG / JPEG / WebP / AVIF / BMP / TIFF 六种输出格式
• 质量五档可调（95% 到 60%），PNG 等无损格式不受它影响
• PNG 转 JPEG / BMP 时可先铺背景色 —— 透明区域不会被填成黑色
• 最长边可限制在 2560 / 1920 / 1280 / 800 / 512 像素
• 转换后显示体积变化，例如 12.3 MB → 2.1 MB（−83%）
• AVIF 先检测浏览器能不能编码，不支持就明说 —— 不会拿一张改了扩展名的 PNG 充数
• BMP 手写编码器（24 位，不压缩），TIFF 未压缩输出 —— 这两种浏览器原生编不了
• 输入支持 TIFF 解码（浏览器原生读不了它，扫描件常用）
• 拖放、点击选择、Ctrl/⌘ + V 粘贴截图三种输入方式
• 图片不上传、不经过任何服务器，断网也能用

使用方法

1. 把图片拖进上面的区域，或点击选择、直接粘贴截图
2. 选输出格式、质量与尺寸上限
3. 结果立刻出现，附体积变化（BMP 与 TIFF 会明显变大，那是格式本身的性质）
4. 点「下载」保存，或右键预览图另存

常见问题

PNG 转成 JPEG 之后，透明的地方变成黑色了？

这是 JPEG 的固有限制 —— 它没有透明通道，透明区域必须填上某个颜色。浏览器 canvas 的默认填充是黑色，所以不处理的话就是一张黑底的图。这个工具会先铺一层背景色（默认白色，也可以选黑或米白），所以你拿到的是白底而不是黑底。想要保留透明，请继续用 PNG 或 WebP。

三种格式该选哪个？

照片选 WebP（同样画质下通常比 JPEG 小 25% 到 35%，且现在的浏览器都支持）；需要最大兼容性（发邮件、给老软件用）选 JPEG；需要纯色块、截图、透明背景选 PNG。图标和线条图用 PNG 或 WebP 会比 JPEG 清晰得多 —— JPEG 在有锐利边缘的地方会产生一圈杂色。

质量调到多少合适？

85% 是常用的甜点：体积比 95% 小很多，而肉眼几乎看不出差别。92% 是默认值，适合需要保留细节的图。60% 只在内容本身比画质重要时用（比如给同事看一张截图里的文字）。注意质量只对 JPEG 与 WebP 生效，PNG 是无损格式，调它没用。

图片会被上传吗？

不会。解码用浏览器自己的 createImageBitmap，编码用 canvas，全程在本机内存里 —— 图片常常是私人照片或带客户信息的截图，它们不会离开这台设备。断网时工具照常工作，这本身就能证明没有网络调用。

为什么选了 AVIF，却提示这个浏览器编不了？

因为这是真的 —— Chrome 与较新的 Edge 能编码 AVIF，Firefox 到目前为止只能解码不能编码，旧版 Safari 也一样。这里没有替你「降级」成别的格式，也没有悄悄产出一张改了扩展名的 PNG，而是明确告诉你。最要紧的是：`canvas.toBlob` 在遇到不支持的格式时本来就会安静地退回 PNG，产物的类型也是 `image/png` —— 于是「看起来能出 AVIF」和「其实出的是 PNG」在代码上一模一样。所以这里的判据是真的编码一次再看产物的类型，而不是查一张支持表。要 AVIF 就用 Chrome 或较新的 Edge，否则 WebP 是更稳妥的选择。

转成 BMP 或 TIFF 之后文件大了十几倍，是正常的吗？

正常，而且必然如此 —— 这两个格式不做压缩。BMP 的每像素三字节、每行补齐到 4 字节，加上 54 字节头就是全部内容；TIFF 在这里也是未压缩的。一张 500 KB 的 JPEG 解开来是几百 KB 到十几 MB 的原始像素，存成 BMP 就是那个大小，不会更小。它们存在的理由是「某程序只认这个格式」或者「印厂要 TIFF」，不是省空间。要小就选 WebP。

能打开 iPhone 的 HEIC 照片吗？

看浏览器：Safari、Chrome（在 Android 与 macOS 上）通常能直接读，Firefox 和桌面 Chrome 一般不能。本站不为此加载 2 MB 的 WASM 解码器 —— 那会让每一个图片工具的首屏都变重，而换来的只是一个输入方向（HEIC 也没法编码）。解不开时页面会明确告诉你是这台浏览器读不了，而不是笼统地说「解码失败」：在 iPhone 上可以用「导出为 JPEG」，别的设备上先用系统看图工具打开、另存为 JPEG 或 PNG 再传进来。