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="http://manytools.org/html-and-text-tools/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.
