Convert an image into a Base64 data URI for embedding in HTML/CSS, or decode a Base64 string back into an image. Everything runs locally in your browser.
What is Base64 image encoding?
Base64 is a way of representing binary data (like an image file) as plain text. Encoding an image as Base64 lets you embed it directly inside HTML, CSS, or JSON — as a "data URI" — instead of linking to a separate image file. This is common for small icons, inline email images, or avoiding extra HTTP requests.
When should you use this tool?
- You're embedding a small image directly into HTML or CSS without a separate file
- You need to include an image inside a JSON payload or API request
- You're building an email template that requires inline images
- You have a Base64 string and need to see or download the actual image it represents
Why use Orisod for this?
Both directions — encoding and decoding — happen entirely in your browser using JavaScript. Your image or Base64 data is never sent to a server. The output includes the full data URI prefix, ready to paste directly into an <img src="..."> tag or CSS background-image.
Frequently asked questions
Does Base64 encoding increase file size?
Yes, Base64 text is roughly 33% larger than the original binary file, which is why it's best suited for small images, not large photos.
Can I paste a Base64 string without the "data:image/..." prefix?
Yes, the decoder will attempt to detect the image type automatically if you paste just the raw Base64 characters.
Is my image or Base64 data uploaded anywhere?
No, both encoding and decoding happen locally in your browser using JavaScript.
What image formats are supported?
JPG, PNG, WEBP, GIF, and most other common formats your browser can read.