Guides ·
How to use Image to Base64
Image to Base64. Encode an image as a Base64 data URI. For very small icons (under 2–4 KB) in emails or CSS.
The short answer
To convert an image to Base64, drop a file and copy the output as a data URI, raw Base64, an HTML <img> tag or a CSS background rule. Encoding happens in your browser and the size increase (about 33%) is shown.
It runs in your browser. What you enter is not uploaded.
How to use it
Choose your file with the upload box above, or drag and drop it onto the box.
Adjust the options; the preview updates as you change them.
Click the main button to process the file in your browser.
Download the result. Your original file is never changed or uploaded.
Limits worth knowing
When should I inline images as Base64? For very small icons (under 2–4 KB) in emails or CSS. Larger images are better as separate files because Base64 is a third bigger and is not cached separately.
Which formats are supported? Any image your browser can open: PNG, JPG, GIF, WebP, SVG, ICO and BMP.