Когда нужно кодирование Base64
Передача файлов через API
REST и GraphQL API обычно работают с JSON, который не поддерживает бинарные данные напрямую. Base64 позволяет передать изображение, документ или любой файл как обычную строку в теле запроса.
Встраивание ресурсов в код
Небольшие изображения, иконки и шрифты можно закодировать в Base64 и встроить прямо в HTML или CSS. Это уменьшает количество HTTP-запросов и ускоряет загрузку страницы для маленьких файлов.
Как работает алгоритм Base64
Входные данные разбиваются на группы по 3 байта (24 бита). Каждая группа делится на 4 части по 6 бит. Каждые 6 бит преобразуются в один из 64 символов алфавита. Если входные данные не кратны 3 байтам, добавляются символы = для выравнивания.
Применение в веб-разработке
Data URI для изображений и шрифтов в CSS, передача бинарных данных через WebSocket, хранение файлов в localStorage браузера, формирование JWT-токенов для авторизации, отправка файлов через FormData в AJAX-запросах.
Совет по оптимизации
Встраивайте через Base64 только файлы до 5-10 КБ. Для крупных изображений лучше использовать обычные ссылки — браузер кэширует их эффективнее, чем повторяющиеся Base64-строки в CSS или HTML.