Image to Base64
Image ToolsTurn images into Base64 / data URLs
FreePrivateInstant
Similar tools you may like
History
All history →Image to Base64 — at a glance
Embed an image directly in your code by turning it into a Base64 text string.
logo.png
12 KB
Run
data:image/png;base64,iVBOR…
How to use it — step by step
An image file — JPG, PNG, GIF, WEBP or SVG.
1
Add an image
Drop an image into the box or tap to choose a file.
2
Pick the output
Choose full data URL, plain Base64, an HTML img tag or CSS background.
3
Convert
Press the button and the text appears instantly.
4
Copy
Copy the result and paste it into your code.
Pro tips
Small things that make the result better.
✦Base64 makes files about 33% bigger, so use it for small images and icons.
✦Compress the image first with the Image Compressor.
✦Use data URLs to avoid extra network requests for tiny graphics.
Quick facts
5 formatsJPG, PNG, GIF, WEBP, SVG
4 outputsURL, Base64, img, CSS
+33%Base64 size overhead
Privateno upload
Frequently Asked Questions
What is Base64?+
A way of writing binary data as plain text so it can live inside HTML, CSS or JSON.
When should I use it?+
For small icons and inline images. Large images are better kept as normal files.
Is my image uploaded?+
No. The conversion happens in your browser.
Is my data safe?+
Yes. Everything runs inside your own browser. Your text, files and images are never uploaded to any server.