这个工具是什么
这个工具输出 data:<图片类型>;base64,... 形式的完整文本。它适合小图标、演示文档和支持 Data URI 的 HTML 或 CSS,用一段文本携带图片内容。
如何使用
- 选择或拖入 JPG、PNG、WebP、GIF、BMP 或 SVG 图片。
- 核对图片类型、文件大小和预览。
- 点击“生成 Data URI”,查看完整文本及长度。
- 点击“复制 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 会改变图片吗?
不会。它编码原始文件内容,不重新压缩图片,也不移除原文件中的信息。
图片会上传到服务器吗?
不会。选择、预览、转换和下载都在您的浏览器中完成,图片不会上传到服务器。