图片格式转换（JPG/PNG/WebP/AVIF + Base64 互转）

图片格式转换：格式互转与 Base64 双向转换

不同平台对图片格式的要求不一样：有的只认 JPG，有的希望体积更小改用 WebP，有的需要 PNG 保留透明，前端开发还常要把图片转成 Base64 直接写进代码。本工具把「格式转换」与「Base64 双向转换」放在同一页面的两个页签，所有处理都在浏览器本地完成，图片不会上传到服务器。

支持的输入与输出格式

输入支持 JPG、PNG、WebP、AVIF、GIF、BMP 六种常见格式，输出支持 JPG、PNG、WebP、AVIF。常用方向都已覆盖：JPG 与 PNG 互转、JPG 与 WebP 互转、PNG 与 WebP 互转、WebP 与 AVIF 互转，也可以用「自动（保持原格式）」把图片重新编码。GIF 与 BMP 由浏览器无法直接导出，只作为输入：选择自动模式时输出为 PNG，GIF 动图只取第一帧，需要动图请使用专业工具。

输出质量与透明背景

输出 JPG、WebP、AVIF 时可以拖动质量滑块控制压缩强度，数值越低体积越小，一般 75 到 90 之间画质损失不易察觉；输出 PNG 时质量选项会自动置灰，因为 PNG 是无损格式。透明通道的处理分两种：选择「保留透明」时 PNG、WebP、AVIF 完整保留透明区域；选择「使用背景色」时可自选颜色填充。输出 JPG 时由于格式本身不支持透明，会自动切换为背景色填充（默认白色），避免透明区域变成黑块。

批量转换与打包下载

一次可以拖入多张图片，列表显示文件名、原始格式、体积与像素尺寸，支持单独移除。点击转换后按顺序逐张处理，进度条显示当前进度，中途可取消。只有一张图片时展示转换前后的对照视图与体积变化百分比；多张图片则切换为表格，列出文件名、原大小、转换后体积、变化幅度与下载按钮，并提供「全部下载（ZIP）」一次性打包取走，文件名保持原样、扩展名按输出格式自动替换。

图片转 Base64

在「图片到 Base64」页签选择一张图片，可选择输出 Data URL（带 data:image/png;base64 前缀，可直接用于 img 标签的 src 或 CSS 的 background-image）或纯 Base64（只保留编码内容，适合写入接口参数或配置文件）。结果会显示字符数、原始体积与识别出的格式，并提供一键复制与导出为文本文件；内容很长时页面只展示开头部分，复制与导出始终使用完整内容，避免大文本拖慢页面。

Base64 转图片

在「Base64 到图片」页签粘贴 Data URL 或纯 Base64 字符串即可还原图片。工具会自动识别前缀、兼容换行与 URL-safe 字符（把减号与下划线还原为加号与斜杠）、自动补齐缺失的填充符；若没有 Data URL 前缀，会从解码后的字节直接嗅探真实格式，因此纯 Base64 也能正确判断是 PNG 还是 JPG。还原后给出预览、识别格式与文件大小，可直接下载为对应扩展名的图片；内容不是图片、字符非法或体积超出限制时会给出明确提示。

常见问题与异常处理

转换成 WebP 后还能还原成 JPG 吗？可以，把 WebP 作为输入、输出选择 JPG 即可，但每次有损转换都会累积画质损失，建议从原图转换。
PNG 转 JPG 后透明背景变成什么颜色？默认填充白色，也可以先选择「使用背景色」指定任意颜色再转换。
Base64 会让体积变大吗？会，Base64 编码后的文本体积约为原始文件的 1.37 倍，适合嵌入小图标，不建议嵌入大图。
重复文件、非图片文件怎么办？重复文件会被跳过并提示，非图片或不支持的类型会给出具体原因。
浏览器不支持某个输出格式？例如部分浏览器无法导出 AVIF，此时该选项会被自动禁用并在页面说明。

隐私与数据安全

页面没有上传接口：格式转换、质量调整与 Base64 编解码全部在浏览器内完成，图片不会被发送到服务器，也不会被保存，刷新或关闭页面后即从内存释放。为控制内存占用，批量转换采用串行方式逐张处理，处理完一张立即释放该张的位图资源；Base64 编解码设有体积上限，超大内容会直接提示而不是让页面卡死。