📸

图片 Base64 编码

将图片转换为 Base64 编码，生成 Data URL，支持双向转换

图像工具
选择图片
💡 使用说明
Data URL 格式：data:image/png;base64,iVBORw0KGgoAAAANS...

可直接用于 HTML img 标签的 src 属性或 CSS background-image

Base64 纯文本：iVBORw0KGgoAAAANS...

仅包含 Base64 编码字符串，需要手动添加前缀使用

什么是图片 Base64 编码？

Base64 是一种将二进制数据编码为文本的编码方式。图片 Base64 编码工具可以将图片转换为 Base64 编码字符串，生成 Data URL 格式，可以直接嵌入到 HTML 或 CSS 中，无需额外的图片文件。

格式说明

  • Data URL：完整的 Data URL 格式，包含 MIME 类型前缀，可直接使用
  • Base64 纯文本：仅包含 Base64 编码字符串，需要手动添加前缀

使用场景

  • 内联图片：将小图片直接嵌入 HTML/CSS，减少 HTTP 请求
  • 邮件模板：在 HTML 邮件中嵌入图片
  • API 响应：在 JSON 中直接包含图片数据
  • 离线应用：将图片数据存储在本地

注意事项

  • Base64 编码会增加约 33% 的文件大小
  • 建议只对小图片（< 100KB）使用 Base64 编码
  • 大图片使用 Base64 会影响页面加载性能
  • 所有处理在浏览器本地完成，不会上传到服务器

使用示例

  • HTML：<img src="data:image/png;base64,..." />
  • CSS：background-image: url('data:image/png;base64,...');