Image to Base64
Encode an image as a Base64 data URL for HTML or CSS.
IMAGES → TXT
Sent to server: 0 B
Requests made by this tool while processing · how to verify
- Requests that could carry data
- 0
- Engine downloads (code, models)
- 0
- Analytics pings (no file data)
- 0
Counted with the browser's Performance API during the last job. It sees every request the page makes, but not what is inside them, so anything that is not a static download is counted above.
To check yourself: open DevTools → Network, clear the list, run the tool, and inspect each request. None will contain your file. You can also switch to offline after the page loads; tools whose engine is already downloaded keep working.
Drop image here
or paste, or choose a file
IMAGES → TXT
Choose supported Images input to create TXT output.
Embed an image directly in code
A Base64 data URL lets you put a small image straight into HTML, CSS, JSON or an email template without hosting a separate file. Developers use it for icons, placeholders and test fixtures.
- Inlining a small icon or logo in CSS or HTML.
- Putting an image into a JSON payload or API test.
- Embedding a signature image in an HTML email template.
A complete data URL, ready to paste
The output starts with data:image/…;base64, followed by the encoded bytes of your original file, unchanged. Copy it from the preview or download it as a TXT file.
- For CSS, paste it as url("data:image/…"); for HTML, use it as an img src.
Base64 is about a third larger
Encoding adds roughly 33% to the size and inlined images can't be cached separately by browsers, so use it for small images only. Compress the image first if size matters.
Image to Base64: questions
What is a Base64 data URL?
The image file written as text, starting with data:image/…;base64, so it can be pasted into HTML, CSS or JSON.
Why is the Base64 text bigger than the image?
Base64 encoding adds about 33% to the size. That's inherent to the format.
Is the image re-compressed?
No. The original file bytes are encoded exactly.
When shouldn't I use Base64 images?
For large photos. They bloat HTML and CSS and can't be cached separately; link to a file instead.