Файл в Base64
Превратите любой файл в текст Base64 или готовый для вставки data URI.
- Работает на вашем устройстве — файл никуда не отправляется
- Без регистрации, водяных знаков и суточных лимитов
- Бесплатно, без ограничений на число использований
Как это работает
Base64 превращает двоичный файл в текст, чтобы его можно было передать туда, где разрешён только текст: в HTML-страницу, файл CSS, данные JSON, файл конфигурации, письмо. Кодирование на удалённом сервере означает загрузку файла ради получения текста, а это странный обмен для того, что браузер может сделать мгновенно.
Data URI или обычный
Data URI несёт тип данных в виде префикса, поэтому браузер знает, что это: вставьте его в src у img или в фон CSS, и он заработает без отдельного файла. Обычный Base64 нужен, когда тип задаёт что-то другое в вашей цепочке.
Размер увеличивается примерно на треть
Base64 представляет три байта четырьмя символами, поэтому ожидайте увеличения примерно на 33% плюс небольшие накладные расходы. Это цена формата, и избежать её нельзя, поэтому встраивание лучше оставлять для небольших ресурсов — значков, небольших логотипов, подмножеств шрифтов.
Когда не стоит встраивать
Большое встроенное изображение увеличивает файл HTML или CSS, не кэшируется отдельно и замедляет разбор. Практическое правило — несколько килобайт: ниже встраивание экономит запрос; выше обычная ссылка на файл быстрее.
Обратная конвертация
Декодер Base64 на этом сайте превращает текст обратно в исходный файл и показывает превью, если это изображение.
Файл в Base64: вопросы
Что такое data URI?
Base64 с прикреплённым типом данных, который можно вставлять прямо в HTML или CSS так, как будто это файл.
Почему текст больше моего файла?
Base64 кодирует три байта четырьмя символами — примерно на треть больше. Это свойство самого формата.
Стоит ли встраивать большие изображения?
Нет. Ниже нескольких килобайт это экономит запрос; выше обычная ссылка на файл работает быстрее.
Мой файл загружается на сервер?
Нет. Кодирование выполняется в вашем браузере.