Image to Base64 Converter

Convert images to Base64 format instantly. Perfect for embedding images in CSS, HTML, or data URIs.

Upload Image

Drop image here or click to upload

Supports JPG, PNG, GIF, WebP, SVG (Max 10MB)

Tips

• Base64 images can be embedded directly in HTML/CSS

• Use "Copy Data Only" for just the base64 string without prefix

• Larger images result in longer Base64 strings

• Base64 images are ~33% larger than original files

• Perfect for small icons, logos, or inline images

Base64 Output

Upload an image to see its Base64 representation

Usage Examples

HTML img tag:

<img src="data:image/png;base64,..." alt="Image" />

CSS background:

.bg-image {
  background-image: url(data:image/png;base64,...);
}

JavaScript:

const imageData = 'data:image/png;base64,...';
const img = new Image();
img.src = imageData;