Image to Base64 Converter

Convert images to Base64 encoded strings for embedding directly in HTML, CSS, or JavaScript.

Drag & drop an image here or click to select

Data URL (with MIME type)

Base64 only (no MIME type)

Base64 encoded images can be used directly in your HTML, CSS, or JavaScript code without requiring an external image file.

<img src="data:image/jpeg;base64,YOUR_BASE64_STRING" alt="Image">

.element {
    background-image: url('data:image/jpeg;base64,YOUR_BASE64_STRING');
}

Note: Base64 encoding increases file size by approximately 33%. It's best used for small images or icons.