Как преобразовать изображение в Base64 (и обратно)

Шаги

1. Откройте инструмент «Изображение в Base64» и выберите "Image to Base64".
2. Перетащите изображение. Исходный файл кодируется как есть, поэтому SVG остаётся SVG.
3. Выберите нужный формат: data URI, чистый Base64, фон CSS или тег изображения HTML, затем нажмите "Copy".
4. Чтобы декодировать, выберите "Base64 to image", вставьте текст и скачайте изображение.

Когда Base64 уместен

Base64 записывает байты файла простым текстом, поэтому небольшое изображение может находиться прямо внутри веб-страницы, таблицы стилей или письма без отдельного файла. Текст примерно на треть длиннее файла.

Он подходит для небольших изображений вроде значков и логотипов. Для большого фото текст становится очень длинным, а обычный файл изображения загружается быстрее, поэтому инструмент предупреждает, если размер превышает 100 КБ.

Вставка Base64 обратно

Можно вставить полный data URI или только символы Base64. Инструмент определяет тип изображения (PNG, JPG, GIF, WebP, BMP, AVIF, SVG или ICO) по самим данным и доверяет им больше, чем неверной подписи.

Если текст обрезался при копировании или это вообще не изображение, вы получите простое сообщение об этом вместо сломанного файла.