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

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).

November 23, 2013

bubbles

New: Ⓑⓤⓑⓑⓛⓔ text tool

Stand out; use special characters in your tweets or e-mails.

November 23, 2013

smallcaps

New: Sᴍᴀʟʟᴄᴀᴘs text tool

Look like a Bᴀɴᴋ with Sᴍᴀʟʟᴄᴀᴘs in your status-updates or e-mails.