Конструктор Data URI — бесплатный онлайн-генератор Data URI
Конструктор Data URI
Постройте Data URI из строк Base64 с любым MIME-типом. Создавайте код для встраивания в HTML, CSS, JSON и XML. Удобно для встраивания изображений, шрифтов, аудио, видео и документов прямо в веб-страницы или полезную нагрузку API. Вся обработка выполняется локально в вашем браузере — ваши данные никуда не загружаются.
MIME:
Вывод:
Вход Base64
Сформированный вывод
Предпросмотр:
Использование: вставьте сырую строку Base64, выберите MIME-тип и формат вывода, затем нажмите Собрать. Форматы вывода:Data URI (data:...), <img> / <video> / <audio> (HTML-тег), <link> (таблица стилей или шрифт), CSS url(), JSON, XML. MIME-тип: выберите из готовых или введите свой type/subtype. Вход: только сырая строка Base64 — не добавляйте префикс data:.
Data URI — файлы, встроенные как текст
Data URI встраивает байты файла прямо в URL: data:[mime];base64,[payload]. Это избавляет от HTTP-запроса, что подходит для маленьких значков и ресурсов, на которые ссылается CSS. Base64 увеличивает полезную нагрузку примерно на треть (3 байта становятся 4 символами), поэтому большие файлы утяжеляют страницу; кроме того, браузеры не кешируют data URI отдельно от страницы.
🔷 Сведения о Data URI
Формат data:{mime};base64,{b64}
Сценарии использования Встроенные изображения и шрифты в CSS, PDF внутри JSON API, самодостаточные HTML-страницы.