格式转换

Canvas API

JPG PNG WebP AVIF 互转

拖拽文件到此处,或点击选择文件

支持 JPG, PNG, WebP, AVIF, BMP 等常见格式
preview
设置
转换完成
output
原始大小: 新大小:
下载转换结果
使用方法
  1. 点击上方区域选择文件,或直接拖拽文件到页面
  2. 在设置区域调整参数
  3. 点击处理按钮,等待完成后下载结果
常见问题

支持 JPG, PNG, WebP, AVIF, BMP, GIF 等常见格式。

WebP 适合网页(体积小),PNG 适合透明背景,JPG 适合照片,AVIF 压缩最好。

可以,设置最大宽度即可按比例缩放。
工作原理

图片格式转换工具基于 Canvas API 的编码能力,实现多种图片格式之间的高质量互转。

技术实现上,工具首先通过 FileReader API 将源图片解码为 Bitmap 数据,然后绘制到 Canvas 元素上获取像素数据。最后通过 Canvas 的 toBlob() 方法将像素数据编码为目标格式。

工具支持 JPG、PNG、WebP、AVIF、BMP、GIF 等主流格式的输入和输出。每种格式的编码特性不同:JPG 采用有损压缩适合照片;PNG 无损压缩支持透明通道;WebP 压缩率最优适合网页;AVIF 压缩率最佳但兼容性有限。输出质量可精确控制(1%-100%),支持同时缩放图片尺寸。

使用技巧
  • WebP 适合网页使用(体积最小质量好),PNG 适合需要透明背景的图片
  • JPG 适合照片类图片(体积小),AVIF 压缩率最好但部分浏览器不支持
  • 设置最大宽度/高度可同时完成格式转换和尺寸缩放,一步到位
  • JPG 格式不支持透明通道,PNG 转 JPG 时透明区域会变为白色背景
  • 图片转换不会增加图片质量,只能保持或降低,建议从高质量源文件转换
  • 批量转换可同时打开多个标签页并行处理,提高效率
适用场景

网页优化:将 PNG 截图转换为 WebP 格式,减小文件体积 30%-50%,加速网页加载。

格式兼容:将新型格式(AVIF、HEIF)转换为广泛兼容的 JPG/PNG 格式,确保在所有设备上正常显示。

透明背景制作:将 JPG 照片转换为 PNG 格式(配合抠图工具),创建透明背景的素材。

存储优化:将 BMP 大图转换为 JPG 或 WebP 格式,大幅减小存储空间占用。