When should I embed an image as Base64 instead of linking to a file?

For very small icons or images where saving an extra HTTP request matters more than the roughly 33% size increase Base64 encoding adds.

Image to Base64 Converter

Convert an image into a Base64 text string you can embed directly in code.

Choose an image

Processing happens locally in your browser. Nothing you enter is uploaded.

Choose an image. A ready-to-use data: URI appears, which you can copy directly into HTML or CSS.

A small icon becomes data:image/png;base64,iVBORw0KGgo... which you can paste directly into an <img src="..."> tag.

When should I embed an image as Base64 instead of linking to a file?: For very small icons or images where saving an extra HTTP request matters more than the roughly 33% size increase Base64 encoding adds.

Base64 to Image Converter

Convert a Base64 string back into a downloadable image.

Base64 Encoder / Decoder

Encode text to Base64, or decode Base64 back to plain text.

Favicon Generator

Generate all the standard favicon sizes from a single image.

Image Compressor

Reduce an image's file size with an adjustable quality slider.

Image Dimensions Checker

Check an image's exact width, height, aspect ratio, and file size.

Image Resizer

Resize an image to exact pixel dimensions, entirely in your browser.