Data-URL Generator and Extractor

Using Data-URLs referenced content can be noted inline. For example <a href="data:text/html;charset=UTF8,Joe%20Doe">author</a>might be used to link a page containing a name, <img alt="red pixel" src="data:image/gif;base64,R0lGODdhAQABAIABAP8AAP///ywAAAAAAQABAAACAkQBADs=">will display an image without image file.

Hints:

Several browsers may reject to display links to HTML pages noted as Data-URL as in the first example above.

Data-URLs are intended and meaningful for small data sizes only. This generator processes input up to 70000 bytes.

Step 3 Select file or input text in the text area below as source of data.

Step 4 Start the Data-URL generation. The result will appear in the text area below. Please allow a few seconds delay.

Step 5 Copy the minimized JavaScript into clipboard for your use. This can be also done manually by clicking into the text area, then press [Ctrl]+[A], then [Ctrl]+[C].

Extract: Create a file from a Data-URL Enter a valid Data-URL into the text area above and click "Generate download link". The file will be available via download link using the name "data-url-file.[EXT]" with EXT based on the media type. If the text area does not contain a valid Data-URL then the download may fail. Tested with Firefox 54, Chrome 60, Opera 47 on Linux and Windows, may not work with MS edge and Internet Explorer.