使用方法
- 将图片拖到上传区域，点击区域选择文件，或直接从剪贴板粘贴图片，可以一次处理多个文件。
- 如有需要，选择目标格式（PNG、JPEG 或 WebP），调整质量并设置最大宽度。
- 查看每张图片的尺寸、原始大小和编码后大小。
- 复制或下载所需的输出：Data URI、纯 Base64、HTML img 标签、CSS background-image 或 Markdown。
图片转 Base64 的原理
Base64 用 64 个字符把图片文件的字节转换成纯文本。每 3 个字节变成 4 个字符，所以文本比原文件大约多出 33%。Data URI 会在前面加上带 MIME 类型的前缀，例如 data:image/png;base64,，这样浏览器在任何需要图片地址的地方都能直接显示它。
图片的读取和编码都在你的浏览器中完成，不会上传到服务器，私密截图和未公开的设计稿都留在本地。
应该复制哪种输出？
- Data URI：用于
src属性、JavaScript，以及需要 URL 的 JSON 字段。 - 纯 Base64：用于只接收编码数据的 API，通常另有字段填写 MIME 类型或文件名。
- HTML img 标签：直接粘贴到网页或模板中。
- CSS background-image：在样式表中使用图标和装饰图。
- Markdown：用于文档和笔记。注意 GitHub 等部分渲染器不显示 Data URI 图片。
支持的格式一览
Base64 字符串的开头几个字符就能看出文件类型，因为它们对应的是格式的文件签名。
| 格式 | MIME 类型 | Base64 开头 |
|---|---|---|
| PNG | image/png | iVBORw0KGgo |
| JPEG | image/jpeg | /9j/ |
| WebP | image/webp | UklGR |
| GIF | image/gif | R0lGOD |
| SVG | image/svg+xml | PHN2Zy 或 PD94bWw |
| BMP | image/bmp | Qk |
| ICO | image/x-icon | AAABAA |
| AVIF | image/avif | 不固定 |
| TIFF | image/tiff | SUkqAA 或 TU0AKg |
什么时候适合内嵌图片
Data URI 可以省掉一次网络请求，让文件完全自包含。它适合几 KB 大小的小图标和 Logo、单文件 HTML 报告、模糊的小占位图，以及需要放进 JSON 里传输的图片。大尺寸照片则不适合：体积多出三分之一，浏览器无法单独缓存，HTML 或 CSS 文件也会变重，必须先下载完才能渲染，得不偿失。如果网站设置了 Content-Security-Policy，还需要在 img-src 中允许 data:。
常见问题
图片会上传到服务器吗？
不会。浏览器在你的设备上读取并编码每个文件，不会发送到 base64.is 或其他任何地方。
为什么 Base64 文本比图片还大？
Base64 每 3 个字节用 4 个字符表示，所以结果大约大 33%，还要加上 Data URI 前缀。想缩短结果，可以设置最大宽度，或以较低质量转换为 WebP 或 JPEG。
可以一次转换多张图片吗？
可以。选择或拖入多个文件即可，每张图片都有独立的预览、大小信息和各种输出，并配有复制和下载按钮。
Base64 图片能在 HTML 邮件里显示吗？
只能部分支持。Apple Mail 可以显示，但 Gmail 和不少 Outlook 版本不会显示。发送邮件营销内容时，使用外链图片或以
cid: 引用的内嵌附件更可靠。如何把 Base64 还原成图片？
使用 Base64 转图片工具，它会识别图片格式、显示预览并提供文件下载。