图片转 Base64

把图片转成 Base64 数据 URI,方便内嵌进 HTML/CSS 代码。

🔒 文件不离开你的设备

使用步骤

  1. 上传一张图片。
  2. 工具生成 Base64 数据 URI,一键复制。
  3. 粘贴进 HTML、CSS 或代码中直接使用。

关于本工具

Base64 数据 URI 把图片变成一长串文本,可直接嵌入 HTML、CSS 或 JSON——不需要单独的图片文件,也不产生额外的网络请求。开发者常用它放微型图标、做邮件模板、写内联 SVG 兜底,或把小图打包进单个文件。你不再写 <img src="logo.png">,而是写 <img src="data:image/png;base64,iVBOR…">,图片就随代码一起走了。

何时用、何时别用

Base64 字符串比原文件大约大 33%,因此只适合小图。对 2KB 的图标,便利性占优;对 2MB 的照片,臃肿的字符串会拖慢页面、撑大 CSS——那就照常用文件链接。本工具在本地读取图片、绝不上传,因此私密图片也能放心编码。

常见问题

Base64 图片有什么用?
把小图直接嵌入 HTML/CSS,无需单独文件。
为什么 Base64 比原文件大?
Base64 编码会增加约 33% 体积。
适合大照片吗?
不适合,仅用于小图标和小素材。

相关工具