Конвертер файла в Base64
Выберите изображение или файл — получите готовый к использованию Base64 data URI (или просто Base64), который можно вставить прямо в CSS, HTML, JSON или тело API-запроса.
Как пользоваться
Выберите файл — для изображений рядом появится небольшое превью и закодированный результат. Скопируйте полный data URI (начинается с `data:image/png;base64,…`), чтобы встроить файл прямо в CSS или HTML, либо скопируйте только часть Base64, если целевое поле ожидает «сырой» Base64 без префикса.
Встраивание небольших изображений так экономит лишний HTTP-запрос — пригодится для крошечных иконок или пары ассетов, но для всего крупнее нескольких килобайт обычный файл изображения с нормальным кешированием обычно загружается быстрее, чем встроенный Base64.
Частые вопросы
Для чего используется data URI?
Он встраивает содержимое файла прямо внутрь CSS, HTML или JSON как текст, вместо ссылки на отдельный файл. Частые случаи: маленькие встроенные иконки в CSS (`background-image: url(data:image/png;base64,...)`), крошечные изображения в письмах, где внешние картинки могут блокироваться, или встраивание файла в тело JSON-запроса API.
Стоит ли использовать data URI для всех изображений?
Нет — только для маленьких, редко меняющихся ассетов (максимум несколько килобайт). Base64-кодирование увеличивает данные примерно на 33%, а встроенные изображения браузер не может кешировать отдельно, как обычный файл — это вредит производительности для всего крупнее небольших иконок.
В чём разница между data URI и «только Base64»?
Data URI включает префикс `data:<mime-type>;base64,`, который сообщает браузеру или приложению, как интерпретировать данные дальше — нужен для CSS/HTML. Вариант «только Base64» — это сырые закодированные байты, нужен, когда поле или API ожидает Base64 без всякого префикса (частый случай во многих JSON API).
Мой файл куда-то загружается?
Нет — кодирование происходит локально через FileReader API браузера. Содержимое файла никогда не покидает ваше устройство.