Binary File to Base64 (data: URL) Encoder / Translator

Use this tool to create data: URL streams for embedding images (or any type of file) in (X)HTML, CSS and XML.

Encode file from URL

Results will appear below

Version 1.3

See various examples of including Base 64 data: URLs in your web documents below.

(X)HTML Image Embedding Example

<img alt="Embedded Image" 
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...">

CSS Image Embedding Example

div.image {
width:100px;
height:100px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}

XML Image Embedding Example

<image>
<title>An Image</title>
<link>https://www.your.domain</link>
<url>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...</url>
</image>

Embed other stuff!

data: URLs can potentially store any type of data, not just images! Try these examples on for size:

(X)HTML CSS Embedding Example

<link rel="stylesheet" type="text/css"
href="data:text/css;base64,LyogKioqKiogVGVtcGxhdGUgKioq...">

(X)HTML Javascript Embedding Example

<script type="text/javascript"
src="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..."></script>