Image to data-URI

Convert an image to a Data-URI online.

Embed small images as text directly within your HTML/CSS to improve loading speed (less HTTP requests). Output includes code for HTML <img> tag & CSS background url();

Notes

  • The file size increases by approximately 30% which may be offset by serving as part of a compressed (gzip / deflate) file.
  • IEv8 has the lowest maximum data URI size of 32768 Bytes. Upload is limited to that maximum. Because of the approximate 30% increase in the conversion it is possible the result is larger than IEv8 can actually handle.
  • Data URI's don't work in IE 5-7, but are supported in IE 8. Use an IE-only stylesheet or use data-URIs only for progressive enhancements.

Link to this page: “Image to data-URI”

You can link to this tool using this HTML code. Simply copy and paste it into your page:

<a href="https://manytools.org/http-html-text/image-to-data-uri/">Create data-URI from image - embed codes for HTML/CSS to improve loading speed (less HTTP requests)</a>

If you have any problems using this Image to data-URI, please contact me.


Updates

August 15, 2022

hack stega

Steganography tool fixed (server errors)

The past few weeks you may have seen a server error or two on the steganography tool. These intermittent errors were a byproduct of the recent server move and have now been fixed.

July 15, 2022

Phasing out hosting server after (almost) 10 years

After having been running steadily on the previous server for almost ten(!) years, it became time to retire that machine. So, ManyTools has now been moved to a shiny new hosting cluster. You may/should notice some speed improvements. In case you notice any problems or irregularities I'd be happy if you notify me so I can check on them.

September 27, 2017

Exit Coinhive (in-browser bitcoin mining)

Thank you for your feedback on our (brief) test with browser based bitcoin mining. This seemed like a nice way to support this website, but turned out to be far too much of a burden to our visitors. So we've decided to remove it. Our apologies for the inconvenience it has caused.

August 18, 2017

Migrated to HTTPS

Happy to inform that Manytools is now fully Chrome-62-ready, thanks Google! A secure connection had been due for a very long time. Today we finally got around to upgrading the site to run on HTTPS. – (Starting October 2017, Chrome (version 62) will show a “NOT SECURE” warning when users enter text in a form on an HTTP page, and for all HTTP pages in Incognito mode.)

August 10, 2016

article personal

Who is this person?

Quickly lookup any person by e-mail address or name. Run an instant background check or find contact details & personal records (including public legal records).