zh

图片转 Data URI

在本地把图片转换成 Base64 的 Data URI,直接粘贴进 HTML 或 CSS。无需上传。

正在你的设备上本地处理 ...

你的文件

    正在你的设备上本地处理 ...

    0%

    我的文件会被上传吗?

    不会。一切都在你的浏览器中运行,你的文件永不离开你的设备。这一点如何验证

    无需上传100% 本地处理
    内容只属于你第三方无法访问
    Hosted in GermanyGlobal Content Delivery
    经独立审计TLS A+ · 标头 A+

    Data URI 会把图片直接编码成文本 (Base64),这样无需单独的文件或额外的网络请求,就能内联嵌入 HTML (img 的 src)或 CSS (背景)。本工具会把你的图片转换成可直接粘贴的 data: URI。

    输出是一份纯文本文件,内含完整的 data:image/...;base64,... 字符串。它适合小图标、邮件模板、单文件演示,或用来省去一次额外请求,不过 Base64 文本会比原始字节大约多出三分之一。

    全部处理都在浏览器内完全本地完成 (离线也能用,无需上传),图片绝不会离开你的设备。图片按原样编码 (字节相同、格式相同、不重新编码);非常大的图片会生成非常长的字符串,因此最适合小图片。

    内联的诚实取舍:data URI会随每次HTML或CSS文件的传输一起下发,浏览器不会单独缓存它。经验法则:只有几KB的小图标才值得内联;大图片最好保持独立文件。想快速验证,可以把字符串直接粘贴到浏览器地址栏。

    技术规格

    技术规格
    输入格式JPG, JPEG, PNG, WEBP
    自动转换GIF, BMP, TIFF, ICO, SVG, HEIC, PDF, DOCX, DDS, HDR, PCX, WBMP
    输出格式TXT
    批量处理支持
    处理方式在浏览器中本地处理 (JavaScript)
    文件上传

    三步完成

    1. 拖入或点击选择你的图片 (PNG、JPEG 或 WebP)。
    2. 在浏览器内被 Base64 编码成 data: URI。
    3. 下载含有 Data URI 的文本文件 (可直接粘贴)。

    限制: 把图片字节按原样 Base64 编码成 data:<type>;base64,... 字符串,保存为文本文件。Base64 比原始大约多 33%,因此最适合小图片。原始格式和字节都会保留 (不重新编码)。

    常见问题

    我的图片会被上传吗?

    不会。编码完全在浏览器内本地进行 (离线也能用)。图片绝不会离开你的设备。

    Data URI 用在哪里?

    把它粘贴为 img 的 src 或 CSS 背景,即可内联嵌入图片,无需单独的文件或请求。

    会让文件变大吗?

    会。Base64 文本比原始字节大约多出三分之一,因此 Data URI 最适合小图片。

    图片会被改动吗?

    不会。编码的是原始字节本身,因此格式和画质都不变。

    相关工具

    图片拼图 · 图片压缩 · PNG 转 SVG · 优化SVG