Image ↔ Base64
Convert images to Base64 for embedding in HTML or CSS. Also decode Base64 strings back to images.
Drop an image here or browse
Supports PNG, JPG, WebP, GIF, SVG, and more
About Image to Base64
Image to Base64 converts any image file into a Base64-encoded data URI string. The output can be embedded directly in HTML img tags, CSS background-image properties, or JSON payloads without needing a separate image file or HTTP request.
Base64 data URIs are useful for small icons, logos, and inline images that you want to embed directly in CSS or HTML to eliminate an HTTP request. They're also required when sending binary image data in JSON APIs.
The tool outputs the full data URI (data:image/png;base64,...) ready to paste into your code.
Features
- ✓Convert any image to Base64 data URI
- ✓Output includes complete data:image/... prefix
- ✓Copy full data URI with one click
- ✓Shows original file size vs encoded string length
Common Use Cases
- →Embedding small icons in CSS without extra HTTP requests
- →Including images in inline HTML emails
- →Sending image data in JSON API requests
- →Creating self-contained HTML files with embedded images