Что такое DATA URLS?

DATA URLS - это URI схема, которая позволяет встраивать мультимедиа данные в HTML-документ.

Предположим, вы хотите вставить небольшое изображение в документ. Для этого можно пойти обычным способом, загрузив его в папку на сервере и через тег img вывести на сайте, чтобы браузер мог отобразить изображение:

или вы можно поступить иным способом - закодировать изображение в специальном формате, называемом DATA URL, который позволяет вставлять изображение непосредственно в документ HTML, поэтому браузеру не нужно делать отдельный запрос для его получения – так как это изображение уже является частью разметки сайта.

DATA URL могут дать экономию по времени загрузки для небольших файлов, но для более крупных файлов возникает существенный недостаток, заключающийся в увеличении размера HTML документа, и особенно это становится проблематичным, если встроенное изображение перезагружается на всех страницах сайта, при этом использовать кэширующие возможности браузера не предоставляется возможным.

Кроме того, изображение, закодированное в формате DATA URL, обычно немного больше, чем такое же изображение, но в двоичном формате. Также такие изображения мало практичны, если они часто редактируются, так как каждый раз, когда изображение изменяется, оно должно быть закодировано снова.

Но, несмотря на все сказанное выше формат DATA URL,занял свое место в Интернете.

Как выглядит DATA URL?

URL-адрес данных - это строка, начинающаяся с префикса data: за ней следует формат MIME-типа. Например, изображение PNG имеет mime-тип image/png. За этим следует запятая, а затем фактические данные.

Текст обычно передается в виде обычного текста, а двоичные данные обычно кодируются в base64.

Ниже приведен пример того, как будет выглядеть такой URL-адрес данных:

Вот как выглядит DATA URL адрес, закодированный с помощью base64. Обратите внимание, что он начинается со следующих данных: image/png; base64:

Посмотреть вживую на то, как изображение кодируется в текст можно на сайте https://dopiaza.org/tools/datauri/, который вы можете использовать для преобразования любого изображения, находящегося на вашем компьютере, в URL-адрес данных.

Формат DATA URL можно использовать везде, где можно использовать URL-адрес, как для ссылок в документе, так и для ссылок в документе CSS:

БЕЗОПАСНОСТЬ

В DATA URL можно закодировать любую информацию, а не только изображения, и поэтому они вносят свою долю в проблемы безопасности сайта.

Таким образом технология DATA URL, может быть полезна в некотором ограниченном контексте, но при ее использовании не нужно забывать о безопасности, так в таких таинственных url адресах может прятаться все, что угодно!

На этом все, всего доброго!