Should I inline a hero photo as Base64?

No. Data URIs skip caching and inflate HTML. This is for tiny icons and email-sized assets.

Is the string the original bytes?

Yes for this page — it encodes the file you dropped, it does not re-compress first.

Image to Base64 — Data URI Encoder

Drop an image

Or click to browse. The file stays in this tab.

Choose file

Image to Base64 for CSS, HTML, or JSON

Encodes the file you drop as a data URI or raw Base64. Large photos bloat HTML — this is for icons and tiny assets. Reverse it with Base64 to image. Site icons are better as files from the favicon generator.

Image to Base64 FAQ

Should I inline a hero photo as Base64?: No. Data URIs skip caching and inflate HTML. This is for tiny icons and email-sized assets.
Is the string the original bytes?: Yes for this page — it encodes the file you dropped, it does not re-compress first.

Related image tools

Image resizer

Resize by pixels, percent, or longest side. JPEG, PNG, or WebP out.

JPG compressor

Shrink JPEGs with a quality slider. Stays in your browser.

PNG compressor

Reduce PNG size by scaling or converting to WebP or JPG.