图片转 Base64

关于图片转 Base64

本工具把图片编码为 Base64 data URI——一段代表整张图片的文本字符串——并把这类字符串解码还原为可查看的图片。开发者用 data URI 把小图片直接嵌入 HTML 或 CSS（一个图标、一个徽标、一个邮件安全的图形），使它随页面一起加载，而非作为单独的请求。它也便于把图片粘进只允许文本的 JSON 载荷或配置文件。

工作原理

编码 读取你的图片文件并生成一个 data: URI——例如 data:image/png;base64,iVBORw0KGgo…——你可以直接把它粘进 <img src>、CSS 的 background: url(...)，或任何需要文本字符串的地方。它还显示生成文本的大小。解码 接收一段 Base64 字符串或完整的 data URI，把它渲染还原为一张你可以预览和下载的图片。一切都在你的浏览器中进行。

假设与行为

• 编码输出一个完整的 data URI（含 data:image/…;base64, 前缀），可直接放入 HTML 或 CSS。
• 解码既接受完整的 data URI，也接受裸的 Base64 字符串（若未给出类型则假定为 PNG）。
• 会显示编码文本的大小，便于你判断嵌入是否值得。
• 粘贴的 Base64 中的空白在解码时被忽略。

局限

• Base64 比原始二进制大约 33%。 嵌入会膨胀你的 HTML/CSS，因此它最适合小图片（图标、极小的徽标）；大图片作为普通文件提供更好。
• 嵌入的 data URI 不会被浏览器单独缓存，因此通过 data URI 在多个页面重复使用同一张大图片，相比共享文件会浪费带宽。
• 它处理图片 data URI；它不是通用文件编码器。
• 非常大的图片会产生非常长的文本字符串，处理起来可能不便。

隐私

编码和解码完全在你的浏览器中运行。你的图片和 Base64 文本绝不会离开你的设备。