Base64 → декодирование изображения

Декодирование строки Base64 в изображение

Особенности

Вставил — сразу декодировал

Мгновенное восстановление изображения из строки Base64 с предпросмотром

Поддержка формата data URI

Преобразование как есть и строк с префиксом data:image/

Автоопределение формата изображения

Распознавание 8 форматов, таких как PNG и GIF, по начальному шаблону данных

Показ сведений об изображении

Проверка разрешения, MIME-типа и даже размера файла одновременно

Как пользоваться

Введите строку Base64

Вставьте строку Base64 в поле ввода. Кнопкой образца можно загрузить пробные данные

Декодируйте кнопкой запуска

При нажатии запуска изображение декодируется и показывается в карточке результата. Сброс очищает ввод и результат

Сохраните как файл изображения

При нажатии кнопки загрузки изображение сохраняется с расширением, соответствующим определённому формату

Примеры использования

Проверка содержимого встроенных изображений

Визуализация изображения из data URI, встроенного в HTML или CSS, для понимания содержимого

Проверка изображений из ответа API

Проверка во время разработки, что изображение Base64 из API или JSON соответствует задумке

Восстановление изображений из вложений писем

Извлечение и сохранение в файл изображения в кодировке Base64 из исходного кода письма

Проверка изображений из базы данных

Восстановление и осмотр содержимого данных изображения, хранящихся в БД в виде строки

Базовые знания

Что такое Data URI

Data URI — это формат, который представляет файлы, такие как изображения, в виде одной строки «data:image/png;base64,~», позволяя встраивать изображения непосредственно в HTML или CSS без необходимости создавать отдельный файл.

Если изображение не декодируется

Дублирование или повреждение начальной части：Если начальная часть, такая как «data:image/png;base64,», дублируется или её написание повреждается в середине, изображение может не быть распознано.
Повреждение строки：Если символы теряются при копировании, Base64 становится некорректным и декодирование не выполняется. Решение: скопируйте исходные данные целиком заново.