上传前压缩照片
手机照片动辄是 4-8 MB 的 JPG 或 HEIC。用 WebP @ 75% 重新编码后通常只剩约 1 MB,肉眼看不出差异 — 博客、论坛、邮件都好用。
图片格式转换器
互转 PNG、JPG、WebP、AVIF — 拖放即用、即时下载。所有运算都在浏览器中完成,图像字节不会离开你的标签页。
图片格式转换器 — TL;DR
互转 PNG、JPG、WebP、AVIF — 拖放即用、即时下载。所有运算都在浏览器中完成,图像字节不会离开你的标签页。
不会。整个工具就是这个标签页中的 JavaScript。图片用 createImageBitmap 解码、绘制到 canvas,再用 canvas.toBlob 重新编码 — 每一步都在浏览器中完成。打开 DevTools → Network 即可验证:转换过程中不会发出任何请求。可以放心用于个人照片、屏幕截图、设计文件和机密文档。
PNG 是无损的 — 每个像素都完整保留。JPG 是有损的,最擅长处理具有平滑渐变的照片。如果你的 PNG 是屏幕截图、线稿或大色块,JPG 反而比 PNG 压得更差,文件就会变大。截图和 UI 素材建议保持 PNG 或改用 WebP;JPG 适合摄影照片。
照片包含位置和人脸,屏幕截图可能含凭据,设计稿是尚未公布的产品功能。把这些粘到别人的服务器上,就是一次悄悄的数据泄露。iKit 的转换器只是已经加载到你浏览器标签页中的 JavaScript。
仅对有损格式生效(JPG / WebP / AVIF);PNG 始终为无损。一般照片以 75-85% 为最佳点。
将图片拖到这里,或点击选择
PNG、JPG、WebP、AVIF、GIF、BMP — 支持多文件。完全不上传。
为什么选择 iKit 图片格式转换器
为设计师、开发者,以及所有曾被告知「文件格式不对」的人而生 — 两次点击完成,无需等待服务器。
四种格式,一个工具
PNG、JPG、WebP、AVIF — 任意方向互转。一次拖入一整批混合格式,统一输出为同一目标格式。
完整画质控制
有损格式(JPG / WebP / AVIF)可在 40%-100% 区间自由调整,实时滑块。PNG 始终像素级无损。
隐私优先的设计
转换通过 canvas API 在浏览器中完成。不上传、不记录、不经第三方。可在 DevTools → Network 中验证:零网络请求。
支持现代格式
在同等画质下,WebP 与 AVIF 通常比 JPG/PNG 小 25-50%。AVIF 编码需要 Chrome 85+ 或 Safari 16.4+,我们会自动检测并提示你。
批量下载
一次转换数十张图片,点击「全部下载」即可一并保存。每个文件保留原始名称,仅替换扩展名。
可离线使用
页面加载完成后,所有转换都在本地进行 — 飞机上、火车上、企业防火墙后,甚至拔掉网线也能用。
浏览器图片转换的工作原理
整个流程没有服务器 — 你的浏览器本身就内置了所需的全部编解码器。
-
1
解码源文件
我们调用
createImageBitmap(file),让浏览器原生图像编解码器把原始字节转成可绘制的 bitmap。<img>能显示的格式,这个方法都能解码 — PNG、JPG、WebP、AVIF、GIF、BMP。 -
2
绘制到 canvas 上
创建一个与图像原始宽高相同的
<canvas>,以原始分辨率绘制 bitmap — 不重采样、不缩放,逐像素复制。 -
3
重新编码为目标格式
canvas.toBlob('image/webp', 0.82)把 canvas 像素交给浏览器对应格式的编码器,返回一个 Blob。在不同格式间,我们唯一改动的就是这个 MIME 字符串。 -
4
返回下载
我们用
URL.createObjectURL(blob)取得本地 URL,绑定到下载链接 — 用户拿到的文件完全没经过网络。
图片转换常见任务
你会在哪些真实情境下用到图片转换器。
为 CMS 去除透明度
某些 CMS(以及许多 Office 软件)拒绝带 alpha 的 PNG,或显示时背景出现奇怪的渗色。转成 JPG 并填入纯色背景就解决了。
升级网站素材到现代格式
把 logo.png 和 hero.jpg 替换成 WebP / AVIF 版本,通过 <picture> 提供。Lighthouse 分数提升、LCP 下降,肉眼看不出画质损失。
把设计师交付的 PNG 上线为 JPG
拿到 24 MB 的设计稿 PNG?网页根本不需要这么大。转成 JPG @ 88% 通常变成 1-2 MB,观感几乎相同,而带宽预算也回来了。
为什么本地转换很重要
照片包含位置和人脸,屏幕截图可能含凭据,设计稿是尚未公布的产品功能。把这些粘到别人的服务器上,就是一次悄悄的数据泄露。iKit 的转换器只是已经加载到你浏览器标签页中的 JavaScript。
- 转换期间零网络请求 — 可在 DevTools → Network 中验证。
- 重新编码会丢弃 EXIF 元数据(相机位置、设备)— 顺带的隐私红利。
- 可放心用于个人照片、屏幕截图、内部设计稿和机密文档。
相关教程
来自 iKit 博客的深度教程与工具对比。
-
How to Compress PNG Images Without Losing Quality in 2026
When converting to a smaller format isn't enough — true lossless and visually lossless PNG compression in the browser.
-
How to Compress Images to ZIP for Free
Batch-compress dozens of images and bundle them into a single ZIP — no upload, no watermark.
常见问题
这安全吗?我的图片会被上传吗?
不会。整个工具就是这个标签页中的 JavaScript。图片用 createImageBitmap 解码、绘制到 canvas,再用 canvas.toBlob 重新编码 — 每一步都在浏览器中完成。打开 DevTools → Network 即可验证:转换过程中不会发出任何请求。可以放心用于个人照片、屏幕截图、设计文件和机密文档。
为什么我的 PNG 转成 JPG 后变更大了?
PNG 是无损的 — 每个像素都完整保留。JPG 是有损的,最擅长处理具有平滑渐变的照片。如果你的 PNG 是屏幕截图、线稿或大色块,JPG 反而比 PNG 压得更差,文件就会变大。截图和 UI 素材建议保持 PNG 或改用 WebP;JPG 适合摄影照片。
WebP、AVIF 与 JPG 该如何选择?
JPG:通用兼容性最好(每台设备、每个 CMS 都支持),适合照片。WebP:同等画质下比 JPG 小约 25%,所有现代浏览器都支持,是最稳妥的「升级版 JPG」。AVIF:再比 WebP 小 20-30%,但编码较慢,且仅 Chrome / Safari(需 16.4+)/ Firefox 支持解码。在网站上,如果你提供 `
为什么我的浏览器显示「不支持 AVIF」?
通过 canvas.toBlob 编码 AVIF 需要 Chrome 85+、Safari 16.4+,或较新的 Firefox(并打开 image.avif.compliance_strictness)。解码(显示)的支持范围更广,但写出 AVIF 需要浏览器内置编码器。iKit 会自动检测并在你的浏览器无法编码时禁用该选项。变通方案:改用 WebP,或切换到 Chromium 系列浏览器。
图片的透明度会被保留吗?
PNG、WebP 与 AVIF 都会保留 alpha 通道透明度。JPG 不支持 — 把透明 PNG 转成 JPG 时,背景会被填成白色(或 canvas 的默认值)。如果需要透明,请转成 WebP 或 PNG,千万别选 JPG。