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

November 21, 2013

dnssec lock

DNSSEC checker tool added

Domain not resolving? Check your DNSSEC here.