Конвертация изображений в Base64

Base64 — это способ кодирования двоичных данных с использованием 64 печатных символов. Кодирование изображений в Base64 преобразует двоичные данные изображения в строку ASCII-символов, позволяя встраивать изображение непосредственно в HTML, CSS, JSON и другие текстовые форматы.

Формат Data URL: data:image/[формат];base64,[закодированные данные]

Изображение в Base64

1. Перетащите изображение в область загрузки или нажмите кнопку выбора файла
2. Выберите формат вывода: с префиксом Data URL или чистый Base64
3. Нажмите «Копировать Base64» для копирования результата
4. Вставьте скопированное содержимое в нужное место

Base64 в изображение

1. Вставьте строку Base64 в поле ввода
2. Нажмите «Конвертировать в изображение»
3. Просмотрите результат конвертации, можно скачать изображение

Использование в HTML

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg..." alt="image description">

Использование в CSS

.background {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...');
}

Передача в JSON API

{
    "image": "iVBORw0KGgoAAAANSUhEUgAAAAUA...",
    "format": "png"
}