What is a Base64 data URL?

A text encoding of the image bytes you can paste directly into CSS (background-image) or an without a separate file.

Is my image uploaded?

No — the file is read and encoded in your browser with the FileReader API.

Base64 inflates size ~33% and isn’t cached separately, so it’s best for small icons, not large photos.

Convert an image to a Base64 data URL in your browser — handy for embedding in CSS or HTML.

Runs in your browser — files never leave your device

Drop an image, or click to chooseEncoded locally — never uploaded

The tool reads your image locally and produces a ready-to-paste Base64 data URL.

Ideal for embedding small icons or logos directly in stylesheets and markup.

What is a Base64 data URL?: A text encoding of the image bytes you can paste directly into CSS (background-image) or an <img src> without a separate file.
Is my image uploaded?: No — the file is read and encoded in your browser with the FileReader API.
Should I inline large images?: Base64 inflates size ~33% and isn’t cached separately, so it’s best for small icons, not large photos.