将任何图像编码为 Base64 数据 URI
将图像放入该工具中，即可立即获取 Base64 编码的字符串。使用输出作为 HTML、CSS 或 JSON 中的数据 URI，无需单独托管图像。该工具显示编码长度、MIME 类型和实时预览，以便您可以在复制之前验证结果。
免费使用此工具Browser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
如何使用
上传图片
将 JPEG、PNG、WebP、GIF 或 SVG 文件拖到工具中。图像在本地读取并且永远不会离开您的设备。
查看输出
该工具显示 Base64 字符串、数据 URI 和解码图像的实时预览，以便您确认其匹配。
复制或下载
单击以复制数据 URI 字符串或将其下载为纯文本文件。使用 HTML 或 CSS 代码片段按钮来粘贴准备好的代码。
特征
多种格式支持
对 JPEG、PNG、WebP、GIF 和 SVG 文件进行编码。自动检测正确的 MIME 类型并将其包含在数据 URI 前缀中。
一键复制
单击即可复制原始 Base64 字符串或完整数据 URI。确认提示让您知道文本位于剪贴板上。
输出统计
查看原始文件大小、编码字符串长度和编码开销百分比。这可以帮助您决定内联图像是否值得进行权衡。
CSS 和 HTML 片段
获取 HTML img 标签和 CSS 背景图像规则的可粘贴代码片段。复制该代码片段并将其直接放入您的代码库中。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance规格
| 输入格式 | JPEG、PNG、WebP、GIF、SVG |
| 输出 | Base64 字符串/数据 URI |
| 最大文件大小 | 10MB |
| MIME检测 | 自动的 |
| 片段格式 | HTML 图片、CSS 背景 |
| 加工 | 客户端（无上传） |
Related Magic Eraser Tools
常见问题
什么时候应该使用 Base64 而不是常规图像文件？
+
Base64 内联对于非常小的图像（例如图标、1x1 跟踪像素或微小的 UI 元素）最有用，在这些图像中，节省额外的 HTTP 请求比 Base64 编码增加的大约 33% 的大小增加更重要。
Base64编码会降低图像质量吗？
+
不会。Base64 是二进制文件数据的无损编码。解码后的图像与原始图像逐字节相同。唯一的代价是更大的文本负载。
我可以编码的文件大小有上限吗？
+
该工具接受最大 10 MB 的文件。较大的图像将产生非常长的字符串，这对于内联来说可能不切实际。对于大图像，托管文件并使用 URL 链接到它几乎总是更好的方法。
More free tools
Explore our other limited free edits after sign-in photo and image tools.
设计具有多个色标的线性、径向和圆锥渐变。复制 CSS 代码或下载为 PNG 图像。
在 HEX、RGB、HSL、HSB、CMYK 和 CSS 命名格式之间转换颜色。查看实时预览、复制任何值并导出色卡。
将十六进制颜色代码转换为 RGB 值，反之亦然。实时预览、一键复制和 CSS 片段输出。——可在您的浏览器中使用。
从上传的图像中选择任何颜色并立即获取其十六进制、RGB 和 HSL 代码。从照片构建调色板，用于网页设计、品牌推广和插图。
上传照片并使用十六进制、RGB 和 HSL 代码提取 5-10 个主色。复制样本，导出为 ASE 或 CSS 变量。
生成 URL、文本、WiFi 凭证和 vCard 的 QR 码。自定义颜色、添加中心徽标并下载为 PNG 或 SVG。