Get an Image Data URI
Produce a raw data: URI you can use anywhere.
将文件拖放到此处或点击浏览
PNG, JPG, WebP, GIF, SVG, AVIF, X, Image 无文件大小限制
你的文件永远不会离开你的设备。所有处理都在你的浏览器中本地进行。
Convert an image to a Base64 data URI you can paste directly into CSS, HTML, or Markdown — no separate file needed. Encoded in your browser; never uploaded.
data URIs tips
The raw data URI works in <img src>, CSS, canvas, JS, and many config files.
The size comparison shows how much larger the Base64 version is.
Great for embedding a placeholder or tiny asset directly in code.
Processed entirely on your device.
工作原理
为什么选择我们的?
Also check out…
Inline an Image in CSS
Embed a small icon or background as a data URI in
Embed an Image in HTML
Inline a logo or icon directly in self-contained H
Convert an SVG or Icon to Base64
Turn a small icon into a data URI for inlining.
Embed an Image in Markdown
Inline a small image in a Markdown file with a dat
