Base64 Image Encoder / Decoder
Convert images to Base64 data URLs for embedding in HTML, CSS, or JavaScript. Decode Base64 strings back to images. Free, instant, runs in your browser.
or drop file here
PNG, JPG, WebP, SVG — any image
FAQ
What is Base64 encoding?
Base64 encodes binary data (like an image file) as a plain text string. This lets you embed images directly in HTML/CSS/JS without a separate file request.
How do I use a Base64 image in HTML?
Use it as an img src: <img src="data:image/png;base64,..." />. Or as a CSS background: background-image: url('data:image/png;base64,...').
Will Base64 images load slower?
Base64 images are ~33% larger than their binary counterparts and can't be cached separately. Use them for small icons or inline critical images — not for large photos.
What formats are supported?
Any image format your browser supports: PNG, JPG, WebP, SVG, GIF, BMP, etc.
More Image Tools You May Like
AI Background Remover
Remove image backgrounds instantly with AI. No signup, no watermark.
Image Compressor
Compress JPG, PNG, WebP images while maintaining quality. Batch support.
Image Format Converter
Convert images between PNG, JPG, WebP and more formats instantly.
Image to SVG
Convert raster images to scalable SVG vector format.