The data URI provides a way to include your image in-line in web pages as if they were external resources.
Converts an image to Base 64 Data Encodings specification (RFC 4648).
You can embed the image data directly into the document with data URIs.
data:[<mime type>][;charset=<charset>][;base64],<encoded data>
Embedded images should be stored in cacheable files such as flat, not dynamic, HTML and style sheets. Data URI style sheets should be cached long term, rename the file on each update.
The file size increases by approximately 30% which may be offset by serving as part of a compressed (gzip / deflate) file.
<img src="data: image/gif;base64,data: image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />