Что такое Base64
Base64 — способ представить любые двоичные данные (текст, картинку, файл) набором из 64 печатных ASCII-символов. Используется там, где нужно передать бинарные данные через канал, рассчитанный на текст: вставить картинку прямо в CSS/HTML без отдельного файла, передать вложение в JSON, закодировать данные в URL.
Зачем кодировать картинку в data:URI
Строка вида data:image/png;base64,iVBORw0KG... подставляется прямо в background-image или <img src> — картинка грузится вместе со страницей, без лишнего HTTP-запроса. Полезно для мелких иконок и спрайтов; для фотографий и крупных изображений это не подходит — Base64 увеличивает размер примерно на треть.
Base64 — не шифрование
Это кодирование, а не защита данных: раскодировать обратно может кто угодно, без ключей и паролей. Не использовать для хранения секретов.
Кодирование Base64 онлайн — бесплатно
Инструмент нужен разработчикам — встроить иконку в CSS без лишнего файла, подготовить вложение для API-запроса, декодировать пришедшую от бэкенда строку. Работает с русским и любым другим текстом (UTF-8), с картинками любого формата. Данные не покидают браузер.