图片格式转换工具
纯本地处理的在线图片格式转换工具，支持 PNG / JPEG / WebP / AVIF 四种格式批量互转。提供两种工作模式： 单格式批量转换（多图统一转同一格式）与 全格式体积对比（一键生成四种格式结果，自动标记最小体积，便于格式选型）。 自动检测浏览器编码能力（AVIF 编码支持因浏览器而异）， 可选质量调节（1-100）、等比缩放、不透明格式背景色。 基于 Canvas API 在浏览器本地完成转换，零上传、零追踪、可离线使用。
常见问题
图片格式转换是否在本地处理？会上传图片吗？
是的，全部在浏览器本地处理，图片不离开浏览器。
转换逻辑由浏览器原生 Canvas API 执行，canvas.toBlob() 在内存中生成目标格式的二进制数据，
文件上传通过 FileReader / createImageBitmap 读取为 ImageBitmap，
预览通过 URL.createObjectURL() 创建本地 URL。
全程零网络请求，可离线使用。可在浏览器开发者工具 Network 面板确认无任何请求。
AVIF / WebP / JPEG / PNG 四种格式有什么区别？应该怎么选？
四种格式各有特点：
- AVIF：基于 AV1 视频编码，体积最小（比 JPEG 小 50%+），
支持有损 / 无损 / 透明 / 动图。Chrome 85+ / Firefox 86+ / Safari 16+ 解码，
编码支持仅 Chrome 93+ / Safari 16.4+（部分版本）。推荐用于现代浏览器为主的 Web 场景
- WebP：基于 VP8 编码，体积次小（比 JPEG 小 25-35%），
同样支持有损 / 无损 / 透明 / 动图。全浏览器支持（Chrome 32+ / Firefox 65+ / Safari 14+），
编码支持广泛。推荐用于兼容性优先的 Web 场景
- JPEG：有损格式，兼容性最好（含 IE6 / 老旧设备），
不支持透明通道与动图。适合照片类图片、需要最大兼容性的场景
- PNG：无损压缩，支持透明通道，体积最大。
适合图标、截图、需要透明背景或无损保真的场景
一般建议：现代 Web 用 AVIF + WebP 渐进增强，
兼容老浏览器用 JPEG 兜底，图标截图用 PNG。
全格式体积对比模式有什么用？
全格式对比模式会对第一张图片同时生成所有可编码格式的结果
（AVIF / WebP / JPEG / PNG，受浏览器编码能力限制），
横向展示各格式的体积与节省比例，并自动标记最小体积格式。
适用于：
- 格式选型决策：实际数据对比 AVIF vs WebP vs JPEG 体积差异，
避免凭直觉选择
- 渐进增强策略：确定 AVIF 主选 + WebP / JPEG 兜底的体积预算
- 性能审计：评估现有图片资产改为现代格式的收益空间
多张图片同时对比意义不大（每张图片的最优格式可能不同），故仅对第一张执行。
为什么 AVIF 选项有时不可用或灰色？
AVIF 编码（canvas.toBlob(cb, 'image/avif', quality)）
的浏览器支持差异较大：
- Chrome 93+：支持 AVIF 编码
- Firefox：截至 2024 年仍未完整支持 toBlob AVIF 编码
- Safari 16.4+：较新版本支持
本工具会在加载时自动探测当前浏览器的编码能力，仅显示支持的格式选项。
如需使用 AVIF 转换，请使用 Chrome 93+ 或 Safari 16.4+。
解码（读取 AVIF 图片）与编码（生成 AVIF）是两回事，
Firefox 86+ 可解码 AVIF 但不能编码。
转换时透明区域怎么处理？为什么 JPEG 转换后背景是白色？
不同格式对透明通道的支持不同：
- 支持透明：PNG / WebP / AVIF，转换时透明通道完整保留
- 不支持透明：JPEG，转换时透明区域会被填充为指定背景色
本工具提供背景色选择器（默认白色 #ffffff），
可根据场景自定义（如 #000000 黑色背景、#f5f5f5 浅灰背景匹配页面背景）。
如需保留透明效果，请选择 PNG / WebP / AVIF 输出格式。
批量转换最多支持多少张图片？
单次最多 20 张，单文件最大 20MB。
限制原因：
- 内存压力：每张图片在 Canvas 处理时会占用原始尺寸 × 4 字节的内存
（4000×3000 像素约 48MB），20 张接近浏览器内存上限
- 处理耗时：AVIF 编码比 JPEG 慢 5-10 倍，批量过大可能触发浏览器卡顿警告
如需处理更多图片，建议分批转换。批量结果会逐个触发下载（间隔 200ms），
部分浏览器可能弹出多文件下载授权提示。
质量参数（1-100）对哪些格式生效？
质量参数仅对有损格式（AVIF / WebP / JPEG）生效，
PNG 为无损格式不受影响。
数值越高质量越好、体积越大；数值越低体积越小、画质损失越明显。
推荐范围：
- 80-90：网页展示常用，肉眼几乎无差异
- 60-80：追求极致体积，适合缩略图、列表图
- 90-100：高保真场景，体积收益有限
- 低于 50：可能出现明显的块状伪影、色带
AVIF 在低质量参数下（如 30-50）仍能保持较好观感，是极致压缩的首选。
与图片压缩工具有什么区别？
两者定位不同，互补使用：
- 图片压缩工具（/image-compress）：
单文件处理，专注 WebP / JPEG / PNG 三格式压缩，
实时预览压缩前后效果，质量滑块实时响应，适合单图精细调优
- 本格式转换工具：多文件批量处理，
支持 AVIF（图片压缩工具不支持），提供全格式体积对比模式，
可自定义背景色与缩放，适合批量转换与格式选型决策
日常单图优化用图片压缩工具，批量格式转换或 AVIF 场景用本工具。