What is the Image to Base64?
Embedding a small picture directly in HTML, CSS or an e-mail saves a request. This tool reads your pictures and gives you the Base64 text as a data URI, as the Base64 alone, as a ready HTML img tag or as a CSS background rule.
How to use it
- Drop your pictures on the box or press Choose pictures.
- Choose the output: Data URI, Base64 only, HTML img tag or CSS background.
- Press Copy or Download the text.
Private by design
This tool runs in your browser. What you paste or type is processed on your own device and is never uploaded, stored or shared, so it is safe to use with real work data.
Frequently asked questions
Which pictures are good for Base64?
Small icons and logos under about 10 KB. Base64 makes the data about a third bigger and cannot be cached on its own, so big photos are better as normal files.
What is a data URI?
A web address that holds the file itself, such as data:image/png;base64,iVBOR... Browsers show it like a normal picture.
Are my pictures uploaded?
No. They are read in your browser.
- #Image
- #Base64
- #Data URI
Keep exploring
Related tools
- Featured
Image Converter (JPG, PNG, WebP)
Image Tools
Convert pictures between JPG, PNG and WebP in your browser, several at a time, and download them all in one ZIP.
Use tool - Featured
Image Compressor
Image Tools
Make pictures much smaller for websites, e-mail and uploads without a visible loss of quality. Works in your browser.
Use tool Image Resizer
Image Tools
Resize pictures to exact pixels or a percentage, with presets for Instagram, YouTube and link previews.
Use toolImages to PDF
Image Tools
Combine pictures into one PDF, in the order you want, on A4, US Letter or the size of the picture itself.
Use toolRotate & Flip Image
Image Tools
Rotate pictures by 90, 180 or 270 degrees and mirror them, several at a time. Free and private.
Use toolAdd Watermark to Image
Image Tools
Put your name or site on pictures: choose the position, size, colour and opacity, or repeat it across the picture.
Use tool