Закрыть ... [X]

Узорами переводчик

Чистый код КОД
HTML <img src="data:image/ТИП;base64,КОД">
CSS background-image:url("data:image/ТИП;base64,КОД");
FAVICON <link rel="icon" type="image/ТИП" href="data:image/ТИП;base64,КОД">

Результат кодирования

Данный сервис преобразует двоичные файлы в текст по методу Base64. В зависимости от выбранной опции мжно получить чистый текстовый код файла, либо код с добавленными тегами для вставки в html-текст страницы, в стили css и тегами фавикона в заголовке страницы. Тип изображения (gif, png, jpg...) для тегов берётся из расширения кодируемого файла.

Кодирование картинок в текст часто применяется в сайтостроении. Для ускорения работы сайта полезно уменьшать количество файлов, отдаваемых вебсервером. Для этого изображения можно передавать, закодированными в текст, прямо в html- и css- файлах.

Браузеры распознают закодированные в текст изображения по специальным тегам.

Примеры узорами включения изображений в текст страниц (КОД - полученный текстовый код):

- Изображение в HTML-документе:

<html><body> <img src="data:image/jpeg;base64,КОД"> </body></html>

- Изображение в стилях:

<style type="text/css"> div.my-image узорами переводчик { width:150px; height:150px; background-image:url("data:image/jpeg;base64,КОД"); } </style>

- Favicon:

<html><head> <link rel="icon" type="image/gif" href="data:image/gif;base64,КОД"> </head></html>


Поделись с друзьями



Рекомендуем посмотреть ещё:



Как перевести текст с картинки программа. Распознавание текста Если в рисунке несуществующего животного нет рта

Узоры - Перевод на английский - примеры русский Reverso Context Узор по-русски перевод с белорусского на русский Переводчик рисунков должностная инструкция Перевод текста с картинки с Screen Translator Узор - английский перевод - словарь Перевод изображений в текст

ШОКИРУЮЩИЕ НОВОСТИ