Картинка в Base64
Превратите изображение в строку Base64: Data URI, тег img или код CSS. Нужно для веб-разработчиков. Всё происходит в браузере, файлы никуда не загружаются.
Base64 превращает файл в обычную строку из букв и цифр. Такую строку можно вставить прямо в HTML, CSS, письмо или JSON, не создавая отдельный файл. Страница кодирует картинки в Base64 и сразу показывает готовый код.
Доступно четыре вида вывода. Data URI подходит для атрибута src, тег img готов к вставке в страницу, background-image нужен для CSS, а режим Только Base64 выдаёт чистую строку для API и конфигураций.
Встраивание небольших значков в код экономит запрос к серверу и упрощает письма и одностраничные сайты. Для крупных изображений так делать не стоит: строка Base64 примерно на треть длиннее исходного файла, а браузер не кэширует такую картинку отдельно.
Можно загрузить сразу несколько файлов. Для каждого видны размер исходника и длина кода, а результат копируется одной кнопкой или сохраняется в текстовый файл. Длинные строки показываются в сокращённом виде, но копируются полностью.
Кодирование выполняется в браузере: файлы не отправляются на сервер и нигде не сохраняются. Это безопасно для личных картинок и закрытых макетов. Чтобы вернуть изображение из строки, используйте соседнюю страницу обратного преобразования.