Генератор Data URI
Превращает файл (картинку, SVG, шрифт, PDF, аудио) или фрагмент SVG в data URI для вставки в HTML или CSS. Base64 или короткое URL-кодирование для SVG.
Как создать data URI
- Выберите, перетащите или вставьте файл (до 5 МБ). Для фрагмента SVG или текста выберите «Текст» и вставьте его.
- Проверьте тип файла (MIME) и кодирование: Base64 подходит для любого файла, URL-кодирование — для SVG и текста (обычно короче).
- Выберите нужный вид: data URI, CSS, тег img, favicon или ссылка на скачивание — и скопируйте.
Частые вопросы
Чтобы вставить небольшой файл (иконку, SVG-логотип, шрифт) прямо в HTML или CSS без отдельной загрузки. Подходит для файлов в несколько КБ; большие утяжеляют страницу и не кешируются.
Для SVG и текста URL-кодирование обычно короче Base64 и остаётся читаемым. PNG, JPG, шрифты и прочие файлы — только Base64.
Base64 превращает каждые 3 байта в 4 символа — примерно на 33 % длиннее. Размер до и после показан рядом с результатом.
«Картинка в Base64» — только для изображений. Этот инструмент принимает любой файл, а также вставленный SVG или текст, позволяет сменить тип и даёт готовый код для CSS, favicon и ссылки на скачивание.
Полностью бесплатно и без регистрации.
Похожие инструменты
Декодер Data URIПросмотр и сохранение файла из data URI или Base64Изображение в Base64Встроить картинку в HTML или CSS через Base64Поиск MIME-типаПоиск MIME-типов и проверка настоящего типа файлаГенератор slugПревратите заголовок в аккуратный slug для URLГенератор UUIDСлучайные идентификаторы UUIDКонвертер цветовПеревод кодов цвета HEX, RGB и HSLТестер регулярных выраженийПроверка regex: подсветка совпадений, группы, заменаГенератор регулярных выраженийГотовые regex для email, телефона, дат и другогоОбъяснение регулярных выраженийПоймите каждую часть регулярного выражения