能选哪些目标格式,取决于你当前浏览器的 canvas 能不能导出该格式——列表是按实测能力生成的,不支持的不会出现。
正在载入工具…
解码走 createImageBitmap(不支持时退回 Image),编码走 canvas.toBlob,都是浏览器自带能力,所以不需要装任何东西,也不会把图传出去。
当前浏览器实测:PNG 可 · JPEG 可 · WebP 可导出 · ctx.filter 支持(本机 Chromium 系实测;不支持 WebP 的浏览器列表里不会出现 WebP)。
| 操作 | 实测结果 |
|---|---|
| PNG → JPG(透明铺白) | 24×16 透明 PNG → 铺白底 JPEG:142 B → 1.0 KB(小图转 JPEG 反而变大,属正常) |
| JPG → WebP | 847 B → 682 B(小 19%) |
| JPG → PNG | 847 B → 1.5 KB(大 86%,无损编码) |
| 一次转 5 张并打包 | 5 张一次转换(含 GIF,只取第一帧)并打包 ZIP |
GIF 只会取第一帧(浏览器解码限制),动图请保持原格式;HEIC(iPhone 默认格式)需要额外的解码器,列在二期,本页不承诺。
「透明处铺底」只对 JPEG 生效——JPEG 没有透明通道,不铺底的话透明区域会变成黑色。