ToolboxAgent

图片Base64互转

在线图片与Base64互转工具，支持图片转Base64编码和Base64解码为图片预览

点击或拖拽图片到此处上传

SUPPORTED: image/png,image/jpeg,image/webp,image/gif,image/svg+xml,image/bmp

使用说明

  1. 1 上传图片文件自动生成Base64编码，或在文本框中粘贴Base64字符串
  2. 2 图片转Base64模式：上传后自动显示编码结果，可复制
  3. 3 Base64转图片模式：粘贴Base64字符串后点击"解码"预览图片并可下载

相关工具

图片 EXIF 查看

在线图片 EXIF 查看工具，支持读取拍摄时间、设备型号、GPS 等元数据。

HEIC图片转换

将 HEIC/HEIF 格式图片转换为通用的 JPEG 或 PNG 格式，便于浏览和分享。

图片拼接/拼图

在线图片拼接工具，支持多张图片横向、纵向、2x2 或 3x3 网格排列，纯浏览器端处理

图片压缩

在线图片压缩工具，支持设置目标大小与质量并下载压缩结果。

图片裁剪

在线图片裁剪工具，支持自由缩放、拖拽和导出裁剪区域。

图片编辑器

在线图片基础编辑工具，支持旋转 90/180/270 度、水平/垂直翻转、亮度和对比度调整，全部在浏览器内完成。

图片格式转换

在线图片格式转换工具，支持PNG、JPG、WebP格式互转，纯浏览器端处理

图片尺寸调整

在线图片尺寸调整工具，支持按宽高或比例缩放图片并导出结果。

图片九宫格分割

一键将图片分割为 3×3 九宫格，常用于社交媒体头像/朋友圈九宫格切图，每块均可单独下载。

图片分割

将图片按网格分割成多个小图，支持 2x2、3x3 或自定义行列数，输出可下载的 PNG 图片。

图片放大/高清放大

使用浏览器 Canvas API 将图片放大到 2x、3x 或 4x 尺寸，并保持清晰度。

图片加水印

在线图片加水印工具，支持文字水印、位置调整和透明度控制。

关于此工具

图片 Base64 互转工具支持两种方向的转换：将图片文件编码为 Base64 字符串（用于嵌入 HTML、CSS 或 JSON），以及将 Base64 字符串解码还原为图片文件预览和下载。

前端开发中经常需要将小图标、背景图等嵌入代码，避免额外的 HTTP 请求。比如在 CSS 中用 `background-image: url('data:image/png;base64,...')` 直接内联图片，或在 API 接口中传递图片数据。本工具帮助开发者快速获取和验证 Base64 字符串，省去手动编写转换代码的麻烦。

工具完全在浏览器端运行，大图片的 Base64 编码可能产生非常长的字符串（每 3 字节对应 4 个字符，体积增加约 33%），因此 Base64 编码更适合小尺寸图片（建议 10KB 以下），大图片还是推荐直接引用 URL。

常见问题

Base64 编码的图片体积为什么比原图大？ +

Base64 将二进制数据转换为纯文本格式，每 3 个字节编码为 4 个 ASCII 字符，导致体积增加约 33%。所以一张 100KB 的图片转为 Base64 后约为 133KB。这是 Base64 的固有特性，用于文本协议中传输二进制数据的代价，不是转换错误。

什么情况下应该用 Base64 编码图片，什么时候不该用？ +

适合用 Base64 的场景：小图标（<5KB）内联到 CSS/HTML 以减少请求数、API 接口需要 JSON 传图片数据、邮件模板中嵌入图片。不适合的场景：大图片（>20KB）——体积膨胀且无法被浏览器单独缓存，反而降低性能；需要被多个页面复用的图片。

生成的 Base64 字符串格式是什么，可以直接用在 HTML 里吗？ +

生成的完整格式为 Data URL，如 `data:image/jpeg;base64,/9j/4AAQ...`，可以直接用于 HTML 的 `<img src="...">` 或 CSS 的 `background-image: url('...')`。如果只需要纯 Base64 字符串（不含前缀），去掉 `data:image/xxx;base64,` 部分即可。

粘贴的 Base64 字符串解码后显示乱码或无法预览怎么办？ +

常见原因有两个：一是字符串不完整，Base64 字符串末尾通常有 `=` 或 `==` 填充符，复制时容易漏掉；二是字符串格式包含换行符或空格，可以先粘贴到文本编辑器中删除空白字符再使用。另外确认前缀格式正确，建议粘贴完整的 Data URL 格式。

支持哪些图片格式的 Base64 编码？ +

支持 JPEG、PNG、WebP、GIF、SVG 等常见图片格式。SVG 格式除了 Base64 编码外，还可以直接 URL 编码后内联，体积更小，渲染质量更好。上传图片后，生成的 Data URL 前缀会自动标注正确的 MIME 类型，如 `data:image/png;base64,`。