How to Use Image to Base64

About this tool

Encode an image into a data URI and ready-to-use CSS or HTML snippets.

How to use Image to Base64

1. Choose an image from your device.
2. Review the Data URI, CSS background and HTML tag outputs.
3. Copy the appropriate output into your document or stylesheet.

Worked example

Use a small icon as a CSS background data URI when embedding it inline is appropriate.

Does Base64 reduce image size?

No. Encoding generally expands the data and can make HTML or CSS larger. Optimize the image first.

Is the encoded image private or encrypted?

No. Anyone who can read the data URI can decode the image.

Put this guide into practice

• Image to Base64 — Encode images to Base64 data URIs for CSS and HTML.