Image to Base64 Converter

Convert images to Base64 encoding for web development. Fast, secure, and completely free.

Upload Your Image

Drag & drop your image here or click to browse

Supported formats: JPG, PNG, GIF, WebP, SVG, BMP

Your image preview will appear here

Image Preview

Base64 Output

Base64 String
Data URI
Preview

Data URI preview will appear here

Conversion Settings

Automatically detect the best format
Convert to JPEG format
Convert to PNG format

Usage Examples

HTML Example
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==" alt="Base64 Image">
CSS Example
.background { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg=='); }
JavaScript Example
const img = new Image(); img.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg=='; document.body.appendChild(img);