This tool lets you select one of both ways or just a raw data URI string without the additional code.Īll major browsers currently support data URI in a CSS background property.ĭata URI in a HTML image src property is not supported by Internet Explorer. They can be used both in HTML, where the image data is placed inside the src attribute or in a CSS file as a background image.
It's useful when you want to improve performance by reducing the number of HTTP requests needed to load a webpage or when you want to distribute a script/HTML page with some icons or other small images but prefer to keep it in a single file, or include images in email signatures. Data URI is a method for embedding small images directly in your HTML or CSS code using base64 encoding without the need for additional image files.
