How to use
- Select or drop an image.
- Copy the Base64 data URI or a ready-made HTML/CSS snippet.
- Paste it into your code.
Frequently asked questions
When should I use Base64 images?
For tiny icons or inlining a single asset to save a request. Large images become much bigger as Base64, so use sparingly.
What do I get?
The raw data URI plus copy-paste <img> and CSS background-image snippets.
Is my image uploaded?
No — encoding happens entirely in your browser.
About this tool
Encode any image as a Base64 data URI you can paste straight into HTML, CSS or JSON. Get ready-made <img> and CSS background snippets — generated locally, no upload.