Turn an image into text you can paste into HTML, CSS or JSON.
Generates a Base64 string you can paste into HTML, CSS or JSON
Base64 makes files about 33% bigger, so it is best for small icons and logos. Large photos are better served as normal image files.
Base64 encoding lets you embed image data directly into your HTML, CSS or JSON. That removes an extra HTTP request, which can help for small icons and logos.
Usage example: <img src="data:image/png;base64,YOUR_CODE_HERE">
Base64 text is about 33% larger than the original file and cannot be cached separately, so use normal image files for large photos.
For small icons or logos embedded in HTML, CSS or emails. Base64 increases size by about 33%, so avoid it for large photos.
A string beginning with data:image/…;base64, that browsers display like a normal image.
No. The conversion is done in your browser.