Base64 в картинку — декодировать и скачать

Base64 или data URI → картинка с превью и скачиванием.

Что кодируем

Base64

Текст (если это Base64)

Файлы обрабатываются прямо в браузере и никуда не загружаются.

Base64 в картинку

Вставьте строку вида data:image/png;base64,iVBORw0… — инструмент сам распознает тип картинки и покажет превью. Если у вас просто набор символов Base64 без префикса data:, укажите MIME-тип вручную (например, image/jpeg для фото или image/svg+xml для векторных иконок) — превью и файл соберутся так же.

Пример

Строка из вёрстки или API

Если разработчик прислал "avatar": "iVBORw0KGgoAAAANSUhEUgAAA…" без префикса — вставьте эту строку в поле, выберите тип image/png, и увидите саму картинку с кнопкой «Скачать файл».

Декодирование идёт локально в браузере: файл собирается на вашем устройстве и никуда не загружается.

Помните про размер: строка Base64 весит примерно на треть больше исходного файла — кодирование тратит 4 символа на каждые 3 байта данных. Поэтому большие фотографии лучше хранить обычным файлом или ссылкой, а base64-строку в HTML или CSS использовать для мелких иконок и иллюстраций, где важнее один запрос к серверу, а не вес страницы.

Частые вопросы

Вставил строку — картинка не показывается, почему?
Проверьте, что скопирована вся строка целиком, без пробелов и переносов посередине, и что она либо начинается с data:image/…;base64,, либо в поле «Тип файла» указан правильный MIME — например, image/jpeg или image/png.
Можно ли раскодировать не только картинку, а любой файл?
Да — режим «Base64 → файл» ниже работает с любыми данными: PDF, документами, архивами. Просто укажите подходящее имя и тип файла, если строка не в формате data URI и MIME-тип неизвестен.

Обновлено