alkor_alkor

В продолжение http://users.livejournal.com/alkor_/216508.html:

Полагаю, что имеет смысл таки объяснить, в чём смысл фокуса с изображением из предыдущего поста. Дело в том, что (как несложно убедиться самостоятельно), оно было вставлено в пост вот так:

<img src="data:image/gif;base64,R0lGODlh7AB+APcAAAAAAIAAAACAAICAAAAAgIAAgACAgICAgMDAwP8AAAD/AP//AAAA//8A/wD//////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMwAAZgAAmQAAzAAA/wAzAAAzMwAzZgAzmQAzzAAz/wBmAABmMwBmZgBmmQBmzABm/wCZAACZMwCZZgCZmQCZzACZ/wDMAADMMwDMZgDMmQDMzADM/wD/AAD/MwD/ZgD/mQD/zAD//zMAADMAMzMAZjMAmTMAzDMA/zMzADMzMzMzZjMzmTMzzDMz/zNmADNmMzNmZjNmmTNmzDNm/zOZADOZMzOZZjOZmTOZzDOZ/zPMADPMMzPMZjPMmTPMzDPM/zP/ADP/MzP/ZjP/mTP/zDP//2YAAGYAM2YAZmYAmWYAzGYA/2YzAGYzM2YzZmYzmWYzzGYz/2ZmAGZmM2ZmZmZmmWZmzGZm/2aZAGaZM2aZZmaZmWaZzGaZ/2bMAGbMM2bMZmbMmWbMzGbM/2b/AGb/M2b/Zmb/mWb/zGb//5kAAJkAM5kAZpkAmZkAzJkA/5kzAJkzM5kzZpkzmZkzzJkz/5lmAJlmM5lmZplmmZlmzJlm/5mZAJmZM5mZZpmZmZmZzJmZ/5nMAJnMM5nMZpnMmZnMzJnM/5n/AJn/M5n/Zpn/mZn/zJn//8wAAMwAM8wAZswAmcwAzMwA/8wzAMwzM8wzZswzmcwzzMwz/8xmAMxmM8xmZsxmmcxmzMxm/8yZAMyZM8yZZsyZmcyZzMyZ/8zMAMzMM8zMZszMmczMzMzM/8z/AMz/M8z/Zsz/mcz/zMz///8AAP8AM/8AZv8Amf8AzP8A//8zAP8zM/8zZv8zmf8zzP8z//9mAP9mM/9mZv9mmf9mzP9m//+ZAP+ZM/+ZZv+Zmf+ZzP+Z///MAP/MM//MZv/Mmf/MzP/M////AP//M///Zv//mf//zP///yH5BAEAABAALAAAAADsAH4AAAj/AP8JHEiwoMGDCBMqXMiwocOHECNKnEixokFuGDNq3Mixo8ePIEOKHEmypMmTKFOqXJlRIMuXMGPKnEmzpk2XNnPq3Mmzp0+MOH8KHUq06M+gRpMqXco0JFJuFqNKnUq1qtWrFDc+xcq1q9evYK9q/Tc2rNmzaNN2HVtWrdu3cONe1LhVrt27eL2ypZu3r9+/Efe2BEy4sGGyfNseXsz4rWCgjSNLNvsY6uTLmK1Wzsy5c9bEfD2LHp1wM+nTLkmbRn3asufVrEdD7gw79uvZmWufDR1ar+vCQHFndQx6sFvhwtf+Jgx5+cTkYXXvXg4da3W/rq837B29uPavyKk3/w+OmzdHnIxnf1d4nrJ359M7ErQ8Hurg8QPpZ4f/tzz/7dz5dl+A0xUEHX7oIZYgWQv+h514EHmElnTuGSgeggpmqN6CkoX3kHwTvgeXhwliiOCGGU52oEP7rVcVhd1ZmJ9+Je5X4ow4ppfcev65OBWM4Bn3HnnGIfXUgJFV56CCLRUZ5IBOLuajc0sypyR79mXpo1RAAjblRbldidCOVVLVZX9lxnbdgT3GV9+WdxFo23xrfpgmlyLOqeaaNKKI2J0VnaknZtoVWVmUZuY5KGr2YTkfg/RBmiVXgi56GZspttgkedYpypCElqL5m5Ca6kcXoHZCCWd5oVqZ31wk/f/ZqaqAwtkqcZHSaZKRidIaYXYzvrlpfRaap56T7RV3pJam/lkWoi8GF2x7xWopK56+pnrfq6ll2uxcDUIIrobfdntsUOZGiiGlTBLJqqzu2lqap58C6yeN6E067rl0HnRio++eq2+ONYIVL3/nHdyrsL/KCKa3kvrb214SkxoxtwKnyCG1yp3qKMCgRlXpxit6i6/D/HK677cBt8ihxvJ+JqeMw4YsM8N26kpluAT3C3G7EhfcIMH89gytWDyC5qxWRwOYrdNMn2oqvtxRmzCyz069NJLOTquzwXxySiuIgdJ7q4EPA+cgqVQziyqWT5+dNrdW/kcsr8x2iy3Oct//dm2/yTaZKYM/mt33pR/p7bbHAr8NK9+HE2ovx1sNC3jTC40ceX/zykfxxNs+Z/jmUpYZq7X7ih436Y2herDUbGJeMeSsS5lzu40y+fejhP+6eu2GpUlk7wkvSzaLowOPHYt/J57a4qFrO7Xjyqc1KtoX6wy7pKjnivzvnU/veXjDowuvsCDW3HXX41PPZbDoDvz1xOsL6Tvt7OV7o58+X0+utVT7H9FG5T3+qeVCWpsd2TbFu1olb14+Gxq4EHYy/wDuZzDLnQQdMy5IjYlpW1Ma4RwIvvBFUH8KrBbPjAayaRkKdL07DoleFsL/gVB3MaxXCR3VMxxO0EbkYqGu/1aYwSK6D09zy6HlPAg9AspPh/ir1wlpmKN/CU2IRLRgEeG3G5hhL4TpAxn6cpi5B6rQa1P0Ws3WeEYbsk9VzSOg9fLmxJFwD3cScp0ZA5UouVBHhq9L3/kG+cTnBWaPwymcH9PoHjtqL2qDpBkZwze9tfQxLkfUDNq8hzFpTY5ur9Ig1CqpmZjNDpB9yZX/HgU7fXFSf1vSXPVG5EpQulBa8BMlE2OJyFnaRZU9PJIHr9W43ZVxh77MS3MUd8oeAaxGujxmFJP5IB+ibmvcyx35CknJulDzMJ7E2C2v6UPcHRKZ38SLu9IVxhjyZoQSkWU6ofajXIqtlUBc5SThNv/NeSrTnk30WL4MeM5+Pu58UbsbPteprJBFyXnrm98LEyi7T0VwjbU0ZPTi2csbdbKKWgTiz0K3zHVl8WQDBCk066lAh4JUZRxFpyQbaCP54fKk2SMZDYtmUgxakZvPAWW50sZAW0rPm6OkKY5saizz5DSDAeIpSpd1S1hmkm73sttAi1ZQUiLPiybTqVS5OEONdTBlVBIpmaZqEfj0dKm82mdSl9awwflUjkHE6QmPNlaz3lVcYf0MWNdGvI3G1KAqfAw0tda+th3LmQdtamTZlk+u8dGdevNXYWGqOsT6k6VlkyBhy5VJeX62rm3FKhUNqdHSdvS0xFFtZou1yb3/eRW2zBEt3Gorstfi9oCi/E7V5HpUuv4WOErMXNCuatrjUia5EGxZb2Xq3Nj+sTTEHOphb1tdZe6IkgU0ZV0UM0vxHoe4X9SUMe/HXc7MjKMd8iJyUrrMm7W3euY9IDFfVkFgTdezxlPvYsNVKoYGTr0O5So4C2i+iGaWuR3tq3Qxa1eerpSZARwhW5G73919973fA7Be53tTh2mYaFbdoF89miTdvfKDJS4bdUdcx6rZz4hwfatfQVy3x7roqtW67wdTasSBmUisZN3wFvPLwVDyDrgzvusKrVhhwI4UUypdcW6dbNRGiriVaEQoAEEFw5d6talFTQ9/0dsxEaeSZ5qJMS6U3fzPZLbJj76NU3dxRWc8A3nP20UqoL/Z3EHfqtCGDhWiE72oRTNaT45+tG0iLWnWULrSrckzpgd1qKZ4+tOg5kmAQ03qUpu6JKM+tapXrepUs/rVsGaKq2NN61r7ZNO/DQgAOw==" border=0>

Ссылка, начинающаяся с data: -- это определённая стандартом RFC 2397 схема URI, которая позволяет включать небольшие элементы данных в строку URL, как если бы они были ссылкой на внешний ресурс. Она гораздо проще альтернативных методов включения, таких как MIME с cid: или mid:. Эта схема в настоящее время поддерживается браузерами Mozilla, Opera, Safari и Konqueror. Internet Explorer версии 7 к моему большому сожалению её не поддерживает.

Как оно устроено? В нашем случае закодирована вот такая картинка:

"Ссылка" начинается с обязательного префикса data:. После него идёт MIME-тип данных; для GIF-файла это image/gif. Потом, после точки с запятой, идут собственно данные. Если бы этими данными была не картинка, а простой текст, то можно было бы их так после точки с запятой и писать: data:text/plain;TEKCT...; так как в картинке наверняка встретятся символы, которые нельзя вставлять в URL, то картинку можно упаковать по стандарту base64 -- тогда после точки с запятой в начале строки данных пишется base64,, ну а уже после запятой следуют упакованные данные.

Ежели кому нужно, то вот простенький конвертор: http://alkor.kotenkov.net/datafile.php. Enjoy!