🖼️
免费图片转 Base64
将图片转为 Base64 数据 URI，用于 CSS、HTML 或 Markdown 的内嵌。复制现成代码片段。在浏览器中编码，不会上传。
加载后可离线使用
将文件拖放到此处，或点击浏览
PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · 在你的设备上处理
或按 Ctrl+V 从剪贴板粘贴
提示: 您也可以从剪贴板粘贴图像(Ctrl+V)。
你的文件永远不会离开你的设备。所有处理都在你的浏览器中本地进行。
将图片转换为 Base64 数据 URI，可直接粘贴至 CSS、HTML 或 Markdown — 无需单独文件。在浏览器中编码，从不上传。
常见用途
- 在 CSS 中内联图像将小图标或背景作为数据 URI 嵌入到样式表中。
- 在 HTML 中嵌入图像直接在独立 HTML 中嵌入徽标或图标。
- 将 SVG 或图标转换为 Base64将小图标转换为数据 URI 以进行内联。
- 在 Markdown 中嵌入图像使用数据 URI 在 Markdown 文件中内联小图像。
- 获取图像数据 URI生成可在任何地方使用的原始 data: URI。
工作原理
数据 URI 将图像直接嵌入您的代码中作为文本，所以它加载时无需单独的文件请求 — 对小图标和自包含 HTML 很方便。这个工具在您的浏览器中对其进行编码。
- 1您放入一个图像它用 FileReader API 在本地读取 — 永不上传。
- 2它被 Base64 编码图像字节直接在您的浏览器中变成 data: URI（data:image/...;base64,…）。
- 3您选择一个片段复制原始数据 URI，或现成的 CSS（background-image）、HTML（<img>）或 Markdown。
- 4粘贴到您的代码中图像现在与您的 CSS/HTML 内联 — 无需托管额外的文件。
图像完全在您的设备上编码。请注意 Base64 比原始文件大约 33% 更大，所以数据 URI 最适合小图像。