Steps:

1. Click on "Drag and Drop ZONE" and select something
2. Or drop something on "Drag and Drop ZONE"
3. Or enter URL :)
4. Wait... After loading you will get what you need
5. CHAR(0-255) - represent values in integer data 0-255
6. HEX - represent values in hexadecimal
7. Base64 - Base64 encoding data
8. decode Base64 - raw (text) - decoding data from Base64 and show raw data

data:[<MIME-type>][;charset=<encoding>][;base64],<data>
Exemples (more here):
... - it meens <data> - base64 code :)
IMAGE:
GIF: <img src="data:image/gif;base64,..."/>
PNG: <img src="data:image/png;base64,..."/>
JPEG: <img src="data:image/jpeg;base64,..."/>
BMP: <img src="data:image/bmp;base64,..."/>
WEBP: <img src="data:image/webp;base64,..."/>
svg+xml: <img src="data:image/svg+xml;base64,..."/>

TEXT:
PLAIN: href,and other="data:text/plain;base64,..."/>
HTML: href,and other="data:text/html;base64,..."/>
CSS: href,and other="data:text/css;base64,..."/>
JAVASCRIPT: href,and other="data:text/javascript;base64,..."/>

AUDIO:
MIDI: <audio src="data:audio/midi;base64,..."/>
MPEG and MP3: <audio src="data:audio/mpeg;base64,..."/>
WEBM: <audio src="data:audio/webm;base64,..."/>
OGG: <audio src="data:audio/ogg;base64,..."/>
WAV: <audio src="data:audio/wav;base64,..."/>

VIDEO:
<video controls>
<source type="video/webm" src="data:video/webm;base64,...">
<source type="video/mp4" src="data:video/mp4;base64,...">
<source type="video/ogg" src="data:video/ogg;base64,...">
</video>

APPLICATION:
XML: <embed,iframe src="data:application/xml;base64,..."/>
PDF: <embed,iframe src="data:application/pdf;base64,..."/>
???: <embed,iframe src="data:application/octet-stream;base64,..."/>
???: <embed,iframe src="data:application/pkcs12;base64,..."/>
???: <embed,iframe src="data:application/vnd.mspowerpoint;base64,..."/>
???: <embed,iframe src="data:application/xhtml+xml;base64,..."/>

data:[<MIME-type>][;charset=<encoding>][;base64],<data>
Exemples (more here):
... - it meens <data> - base64 code :)
IMAGE:
GIF: background-image: url("data:image/gif;base64,...");
PNG: background-image: url("data:image/png;base64,...");
JPEG: background-image: url("data:image/jpeg;base64,...");
BMP: background-image: url("data:image/bmp;base64,...");
WEBP: background-image: url("data:image/webp;base64,...");
svg+xml: background-image: url("data:image/svg+xml;base64,...");

Author: Egoshkin Danila Igorevich

Student of DNU, Faculty of Applied Mathematics