5 out of 11 rated this helpful - Rate this topic

data Protocol

Specifies a data URI, which is a resource, typically an image, embedded in the URI as opposed to one loaded from an external URL.

Syntax

data:[sMediaType;][sBase64Encoding;],sResourceData

Tokens

sMediaType
Optional. An Internet media type specification with optional parameters. If omitted, text/plain;charset=US-ASCII is assumed. Because text/plain is the default media type, you can specify just the charset parameter as a shortcut.
sBase64Encoding
Optional. If set to base64, this parameter specifies that the data specified by the sResourceData parameter is encoded as base64; otherwise, the data is assumed to be percent-encoded.
sResourceData
A text-representation of the data of the resource, where content is represented as URL-allowed characters. Unsafe characters must be percent-encoded. If sBase64Encoding is set, the data must be Base64 encoded; otherwise, the data is assumed to be represented in ASCII encoding.

Remarks

In general, the sMediaType parameter is similar to the HTTP content-type header. The default media type is text/plain;charset=US-ASCII. Depending on the media type, you may also be able to specify additional parameters. For example, the text/plain media type accepts a charset parameter. Different media types support different parameters.

Data URIs are supported only for the following elements and/or attributes.

Data URIs can be nested.

For security reasons, data URIs are restricted to downloaded resources. Data URIs cannot be used for navigation, for scripting, or to populate frame or iframe elements.

Data URIs cannot be larger than 32,768 characters.

The resource data must be properly encoded; otherwise, an error occurs and the resource is not loaded. The "#" and "%" characters must be encoded, as well as control characters, non-US ASCII characters, and multibyte characters.

For more information, see RFC2397: The "data" URL scheme.

Available as of Windows Internet Explorer 8 or later.

Examples

The following example uses a data URI to display a red box.


<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAI
AAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1
I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAA
AAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D">

The following example uses a data URI to declare an background image.


.picture { background: url(data:image/png;base64,iVBORw0KGgoAAAANSU
hEUgAAAAIAAAACCAIAAAD91JpzAAAABnRSTlMAAAAAAABupgeRAAAABmJLR0QA%2FwD
%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVO
RK5CYII%3D) fixed 1px 0; }
Did you find this helpful?
(1500 characters remaining)
Community Content Add
Annotations FAQ
Seems to be buggy
I think there is a bug in IE The following displays correctly in Safari, Chrome, Firefox, and Opera

    <img src="data:image/image/png;base64,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" width="width=400" height="height=300" alt="contact andy@bonsaidevelopment.com missing img for andy@bonsaidevelopment.com " />

Updates

IE9 removed the 32kb DATA URI limit.

The restriction that DATA URIs cannot be navigated to (e.g. cannot be used as the source of an IFRAME) remains in place.

Error in IE8 when data: used in &amp;lt;IFRAME&amp;gt;
<HTML>
<HEAD>
<TITLE>IE8 is broken!</TITLE>
</HEAD>
<BODY>
<IFRAME SRC="data:text/plain,IE8%20is%20broken!">
</IFRAME>
</BODY>
</HTML>

is not rendered, but instead just an error page shown!

Esther Fan, MSFT: Thank you for your comments. For these kinds of feedback or questions, please use the following forums:
IE Development: http://social.msdn.microsoft.com/Forums/en-US/category/iedevelopment
Beware of line-breaks in data URIs

The src attribute of the img tag apparently allows you to wrap the line for legibility, but the url() syntax of the background CSS rule does not. The second example will not display a yellow box until you remove the linebreaks from the data URI.