Skip to main content
DevTools24

Image to Base64

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

Click to upload or drag and drop an image

Supports PNG, JPG, GIF, SVG, WebP

Image to Base64 - Technical Details

Base64 encoding allows binary image data to be represented as ASCII text, enabling you to embed images directly in HTML, CSS, or JavaScript without separate image files. This reduces HTTP requests but increases file size by ~33%.

Command-line Alternative

# Encode image to Base64 in terminal
base64 image.png

# Create data URI
echo "data:image/png;base64,$(base64 image.png)"

Reference

View Official Specification