Для разработчиков / Кодирование

Генератор URI данных

Преобразуйте любой файл в URI данных с готовыми к вставке фрагментами CSS и HTML, выберите меньший вариант с кодированием URL для SVG и узнайте, насколько увеличился размер закодированного файла.

Генератор URI данных: URI данных (RFC 2397) помещает содержимое файла непосредственно в ссылку или таблицу стилей, избавляя от отдельного запроса. Кодирование Base64 преобразует каждые 3 байта в 4 символа, поэтому размер файла увеличивается примерно на треть. SVG — это текстовый формат, поэтому его можно кодировать с помощью процентов, экранируя только такие символы, как %, #, < и >; обычно такой вариант получается меньше. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.

Категория
Инструменты для разработчиков
Запуски
В вашем браузере
Стоимость
Бесплатно · без регистрации
Доступность
Готово к использованию
Генератор Data URIЛокальная обработка

Полностью работает в браузере

Файл считывается в вашем браузере и никогда не загружается на сервер.

Где работают data URI

Data URI работают в img src, CSS url(), link href для значков и ссылках на скачивание. Браузеры блокируют открытие data URI как страницы верхнего уровня, а строгая политика Content Security Policy должна разрешать data: для изображений или стилей, которые их используют.

Чтобы кодировать текст, а не файлы, используйте кодировщик Base64; для изображений с готовой строкой Base64 — инструмент изображение в Base64.

Увеличение размера

Base64 увеличивает размер файла на треть, но сжатие текста на сервере (gzip или Brotli) компенсирует значительную часть прироста, поскольку закодированный текст хорошо сжимается. Реальные затраты связаны с тем, что данные нельзя кэшировать отдельно и они загружаются заново с каждой страницей или таблицей стилей, где содержатся.

Как пользоваться

  1. Выберите файл или перетащите его; изображения будут показаны в предварительном просмотре.
  2. Для файлов SVG выберите кодирование URL или Base64.
  3. Скопируйте URI данных или фрагмент CSS либо HTML.

Конфиденциальность и ограничения

Файл читается в вашем браузере и никогда не загружается на сервер.

Похожие инструменты

Изображение в Base64Base64Кодировщик URL

Часто задаваемые вопросы

Когда использовать URI данных?

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

Зачем использовать кодирование URL для SVG?

Оно сохраняет читаемость SVG и обычно даёт меньший размер, чем Base64. Двойные кавычки заменяются на одинарные, поэтому результат можно поместить внутрь url("…") или атрибута HTML.

Есть ли ограничение на размер?

Современные браузеры принимают URI данных размером во много мегабайт в изображениях и таблицах стилей, но большие URI замедляют разбор и утяжеляют страницы.

Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен