🧰Locly

图片转 Base64 转换器（无需上传）

在浏览器本地将图片转换为 Base64 字符串，无需上传

🖼️

或拖放图片到此处

支持：JPG、PNG、GIF、WebP、SVG

工具简介

Base64 编码将二进制图片数据转换为 ASCII 文本，允许图片直接嵌入到 HTML、CSS 或 JSON 中，无需单独的文件请求。本工具完全在浏览器中将图片转换为 Base64 - 您的图片永远不会上传到任何服务器。可选的 Data URI 格式包含直接嵌入网页所需的 MIME 类型前缀。

使用方法

  1. 点击「选择图片」或拖放图片文件
  2. 图片在本地处理并转换为 Base64
  3. 切换「包含 Data URI 前缀」以获取 HTML/CSS 嵌入格式
  4. 查看文件信息，包括尺寸和大小
  5. 点击「复制」将 Base64 字符串复制到剪贴板

常见使用场景

  • Web开发：将小图片直接嵌入 HTML 或 CSS
  • 邮件模板：包含无需外部托管即可显示的图片
  • API集成：在 JSON 载荷中以 Base64 字符串发送图片
  • 离线应用：将图片作为文本存储在本地存储中
  • 文档编写：在 Markdown 或数据文件中嵌入截图

常见问题（FAQ）

Q1: Base64 和 Data URI 有什么区别？

Base64 只是编码后的字符串。Data URI 添加了类似 'data:image/png;base64,' 的前缀，告诉浏览器如何解释数据。在 HTML/CSS 中嵌入时使用 Data URI 格式。

Q2: 为什么 Base64 输出比原始文件大？

Base64 编码会使大小增加约 33%，因为它将二进制数据（8位）转换为 ASCII 文本（每个字符 6 位）。这是为了实现文本传输二进制数据而做的权衡。

Q3: Base64 嵌入推荐什么图片大小？

Base64 最适合小于 10KB 的小图片（图标、logo）。较大的图片会显著增加 HTML/CSS 文件大小，并且不会被浏览器单独缓存。对于较大的图片，使用常规文件 URL。

Q4: 我的图片会上传到服务器吗？

不会。所有处理都使用浏览器的 FileReader API 在本地读取和转换图片。您的图片永远不会离开您的设备，因此对于私密或敏感图片也是安全的。

Q5: 支持哪些图片格式？

本工具支持常见的 Web 格式：JPEG、PNG、GIF、WebP 和 SVG。输出在 Data URI 前缀中包含正确的 MIME 类型，以便浏览器正确渲染。

相关工具

压缩至指定大小JPG PNG WebP 转换图片尺寸调整添加水印HEIC 转 JPG图片裁剪图片旋转图片调色板