Image to Base64 Encoder

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

Input Image No image

Drag & drop an image or click to select

Supports: PNG, JPG, WebP, GIF, SVG, ICO

Base64 Output 0 chars

Output Formats

Data URI (for HTML <img>)

HTML <img> Tag

CSS Background

Markdown

About Image to Base64

Base64 encoding allows you to embed images directly in HTML, CSS, or JavaScript without needing separate image files. This is useful for small images, icons, or when you want to reduce HTTP requests.

Faster Loading

Reduces HTTP requests for small images and icons.

Easy Embedding

Embed images directly in HTML, CSS, JS, or JSON.

Note

Base64 increases size by ~33%. Best for small images only.