图片转换工具

Image → Data URI

生成包含图片类型和 Base64 内容的完整 Data URI,方便用于支持内嵌图片的场景。

图片仅在您的浏览器中处理,不会上传到服务器。

或将图片拖拽到此处

一次处理一张图片。输入:JPG、PNG、WebP、GIF、BMP、SVG,原文件最多 20 MiB。

原图预览

选择图片后显示预览

完整 Data URI

原始图片最多 20 MiB。预览最多支持 4000 万像素,宽和高各不超过 16384 像素;SVG 须使用 UTF-8 编码,源码最多 2 MiB。

这个工具是什么

这个工具输出 data:<图片类型>;base64,... 形式的完整文本。它适合小图标、演示文档和支持 Data URI 的 HTML 或 CSS,用一段文本携带图片内容。

如何使用

  1. 选择或拖入 JPG、PNG、WebP、GIF、BMP 或 SVG 图片。
  2. 核对图片类型、文件大小和预览。
  3. 点击“生成 Data URI”,查看完整文本及长度。
  4. 点击“复制 Data URI”或“下载 TXT”,按目标应用支持的方式使用。

支持格式

  • 输入:JPG、PNG、WebP、GIF、BMP、SVG,原文件最多 20 MiB。
  • 输出:带实际图片 MIME 类型的 Base64 Data URI(.txt)。

转换说明

  • Data URI 包含 data: 前缀、图片类型、;base64, 标记和原始图片的 Base64 文本。
  • 编码不会重新压缩图片,原文件内容保持不变。文本通常比原文件大约 33%,加上前缀后会略长。
  • Data URI 会增加 HTML、CSS 或文档的体积,不适合大图片。目标应用也可能限制长度或禁止内嵌图片。
  • SVG 预览会排除脚本和外部资源,但输出仍包含原始 SVG 内容;请只在信任文件来源时使用。

原始图片最多 20 MiB。预览最多支持 4000 万像素,宽和高各不超过 16384 像素;SVG 须使用 UTF-8 编码,源码最多 2 MiB。

隐私说明

图片仅在您的浏览器中处理,不会上传到服务器。

工具不会自动保存所选图片或结果。需要保留的内容,请在清空或离开页面前下载或复制。

FAQ

Data URI 是什么?

它是一段同时包含文件类型与文件内容的文本,例如 data:image/png;base64,...,可以在支持它的地方表示图片。

Data URI 能直接放进 HTML 或 CSS 吗?

可以用于支持 Data URI 的图片地址或背景图片位置,但目标网站、应用或内容规则可能限制这种用法。

为什么不适合大图片?

Base64 会让数据体积增加约三分之一,完整文本也会使 HTML、CSS 或文档变大,影响编辑和加载。

它和纯 Base64 有什么区别?

Data URI 还带有 data: 前缀及图片 MIME 类型。只需要纯 Base64 时,请使用 Image → Base64。

生成 Data URI 会改变图片吗?

不会。它编码原始文件内容,不重新压缩图片,也不移除原文件中的信息。

图片会上传到服务器吗?

不会。选择、预览、转换和下载都在您的浏览器中完成,图片不会上传到服务器。

返回开发者工具分类首页