When should I use Base64 for images?

For small images (under ~5KB) that you'd otherwise load via HTTP. For larger images, a regular image file is faster overall.

Image to Base64

Encode an image as a Base64 data URI — paste it into CSS, HTML, or JSON. Optional CSS <code>url(...)</code> wrapper.

Output

How to use Image to Base64

Pick an image.
Toggle data: prefix and CSS wrapper as needed.
Copy the result.

What is Image to Base64?

Base64-encoded images embed directly in HTML or CSS, avoiding an extra HTTP request. Useful for small icons, backgrounds in CSS files, or embedding in code where external assets aren't allowed. Note: encoding adds ~33% size — use only for small images.

FAQ

When should I use Base64 for images?: For small images (under ~5KB) that you'd otherwise load via HTTP. For larger images, a regular image file is faster overall.

Related tools

Image Format Converter
Base64 Encode / Decode
Hex ↔ Text Converter