Image to Base64

FAQ

What is Base64 image encoding?

Base64 encoding converts binary image data into ASCII text. This lets you embed images directly in HTML, CSS, or JSON without needing a separate file URL.

How do I use a Base64 image in HTML?

Use it as the src attribute: <img src="data:image/png;base64,YOUR_BASE64_HERE">. You can also use it in CSS: background-image: url("data:image/png;base64,...").

Why is the Base64 output larger than the original file?

Base64 encoding increases file size by approximately 33% because it represents every 3 bytes of binary data as 4 ASCII characters. Use it for small images — for large images, a URL is more efficient.

Does this upload my image anywhere?

No. The conversion happens entirely in your browser using the FileReader API. Your image never leaves your device.