Can I use it directly in HTML?

Yes, use the Data URI directly in or use the HTML/CSS copy buttons.

Base64 Image Converter

Drag or click to uploadPNG, JPEG, GIF, WebP, SVG

Last updated: 2026 · Free online tool

Free online tool to encode images to Base64 or decode Base64 back to images

1
Select mode — Choose the Image→Base64 or Base64→Image tab.
2
Input — Upload an image file or paste a Base64 string.
3
Check results — View the preview, file information, and Base64 output.
4
Copy/Download — Copy as Base64, Data URI, HTML, or CSS, or download the image.

PNG, JPEG, GIF, WebP, and SVG are supported.

Up to 5MB is supported. Try compressing larger files first.

Data URI includes the MIME type ('data:image/png;base64,...'), while Base64 is the pure encoded string.

Yes, use the Data URI directly in <img src> or use the HTML/CSS copy buttons.

No. All conversions are processed using the browser's FileReader API.