What is a Base64 image?
Base64 turns binary data into plain text so an image can be embedded directly in HTML, CSS or JSON without a separate file request. This is handy for tiny icons and email templates.
Base64 makes data about a third larger, so it is best for small images only.
How to use the Image to Base64
- 1Choose an image.
- 2Pick the output: data URL, Base64 only, HTML tag or CSS rule.
- 3Copy the result.
Frequently asked questions
Is the image uploaded?
No. It is encoded in your browser.
When should I avoid Base64 images?
For large images. They bloat your HTML or CSS and cannot be cached separately.