NANO WORKS 图片 BASE64 转换
UNIT 20
图片 Base64 转换
Image Base64 · Converter · v1.0
图片转 Base64 编码、Base64 转图片。支持 JPG/PNG/WebP/GIF/SVG/ICO。一键复制 Data URI、纯编码、CSS/HTML 代码。
图片转Base64 Base64转图片 Data URI CSS背景 HTML标签
ONLINE
v1.0
IN Image / Base64
OUT Base64 / Image
UPDATED 2026-03
图片 → Base64
Base64 → 图片
点击或拖拽图片到此处
支持 JPG / PNG / WebP / GIF / SVG / ICO
等待输入

什么是 Base64 编码?

Base64 是一种将二进制数据转换为纯文本字符的编码方式。它使用 A-Z、a-z、0-9、+、/ 共 64 个可打印字符来表示任意二进制数据。图片经过 Base64 编码后变成一串文本字符串,可以直接嵌入 HTML、CSS、JSON 等文本格式中,无需额外的图片文件请求。

图片 Base64 的应用场景

将图片转为 Base64 最常见的用途包括:在 CSS 中内联小图标作为 background-image,减少 HTTP 请求数量,加快页面首屏渲染;在 HTML 邮件模板中嵌入图片,避免被邮件客户端拦截外部图片加载;在 API 接口的 JSON 数据中直接携带图片信息;以及在 Markdown 文档中嵌入不依赖外部链接的图片。

需要注意的是,Base64 编码会使数据体积增加约 33%。因此它适合小于 10KB 的图标和装饰图片,大尺寸图片仍建议使用常规 URL 引用以获得更好的性能和缓存效果。

Data URI 格式说明

Data URI 的完整格式为 data:[MIME类型];base64,[编码数据]。例如 PNG 图片的 Data URI 以 data:image/png;base64, 开头,JPEG 图片以 data:image/jpeg;base64, 开头。本工具在编码时会自动检测图片格式并生成正确的 MIME 前缀,同时提供纯 Base64(不含 Data URI 头)、CSS background-image 代码和 HTML img 标签等多种复制格式。

FAQ
图片转Base64有什么用?
Base64编码可以将图片嵌入HTML/CSS/JSON中,无需单独的图片文件。常用于邮件签名、小图标内联、API传输图片数据等场景。
Base64会让图片变大吗?
会。Base64编码后的文本大小约为原始文件的1.33倍。因此建议只对小图片(如图标、Logo)使用,大图片仍建议用常规URL引用。
Base64转图片支持哪些格式?
支持JPG、PNG、WebP、GIF、SVG等常见格式。粘贴Base64字符串即可自动识别格式并预览和下载。
ESC