Drag and drop your image here or click to browse
JPG, PNG, WebP, GIF, BMP, SVG, ICO — max 5MB
Drag and drop your image here or click to browse
JPG, PNG, WebP, GIF, BMP, SVG, ICO — max 5MB
Convert pictures to standard Base64 or data URI strings for HTML, CSS, and APIs. Output uses the image file's real bytes and correct MIME type so it works in browsers and other tools.
data:image/… URI.Is my image data secure?
Your image is used only to produce the Base64 string; we do not keep a copy on disk after the request completes.
Data URI or raw Base64?
Use the data URI option for <img src="…"> and CSS url(). Turn it off when an API expects only the Base64 payload without the data:image/…;base64, prefix.
I pasted the code in a new tab and saw an error. Why?
Browsers do not render HTML from the address bar, and very long data URIs often fail there too. Use Preview image on the tool page, or save a small test.html file with a full document and your <img src="…"> inside the <body>.
What formats are supported?
JPG, PNG, GIF, WebP, BMP, TIFF, SVG, and ICO up to 5 MB.
Why use Base64 images?
They embed directly in HTML or CSS, reducing separate file requests for small assets.