Convert an image into a Base64 data URI for HTML and CSS.
The image to Base64 converter reads an image file in your browser and turns it into a data URI, a Base64 string that can be placed directly in HTML, CSS, JSON or emails, without a separate image file.
Inlining saves an HTTP request for very small images such as icons, but Base64 is about a third bigger than the file, so keep large images as normal files.
PNG, JPG, GIF, SVG, WebP, ICO and more.
HTML img tag and CSS background-image.
See the original and the Base64 size.
The image never leaves your device.
A URL that contains the file itself, such as data:image/png;base64,iVBOR…, instead of pointing to a file.
For tiny images like icons, or where external files aren't possible, such as some email templates.
Base64 uses 4 characters for every 3 bytes, about 33% more.
No, it's read and converted in your browser.