Embedding an Image in HTML as a Data URL

Published: Oct 19, 2026 | Updated: Oct 19, 2026 | About (Japanese)

Key points

Choose
Tick
Paste

Best for small images. Large ones make the page heavy.

Steps

Select an image in Convert Files and Base64.
Tick "Make a data URL".
Paste the result into the src of an image in HTML.

Use "Convert Files and Base64" (free)

Tools that go well with this

Check a File's Hash (SHA-256): Calculate a file's hash and compare it.
Convert CSV and JSON: Convert between CSV and JSON instantly.
Make a ZIP File: Pack several files into one ZIP.

If this guide helped, a small tip would mean a lot.

Send a tip (¥300)Send a gift (Amazon wishlist)

More guides for this tool