Декодер Base64 в изображение
Декодируйте строку Base64 или data URI в изображение, определите PNG, JPEG, GIF, WebP, SVG или ICO по байтам, просмотрите его и скачайте файл.
Работает полностью в вашем браузере. Ваши данные никуда не загружаются.
Что такое Base64 в изображение?
Вставьте изображение в Base64 с префиксом data:image/...;base64, или без него: инструмент декодирует его, определяет реальный тип изображения по декодированным байтам, показывает превью с размерами и размером файла и позволяет скачать его с правильным расширением.
Как пользоваться Base64 в изображение
- Вставьте data URI или чистую строку Base64 в поле ввода (переводы строк и пробелы игнорируются).
- Проверьте Определённый тип, размеры, размер файла и превью.
- Нажмите кнопку скачивания, чтобы сохранить файл, например
decoded-image.png.
Пример
iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
Detected type: PNG (image/png), 30×30 px, 99 B – a solid #3366CC square
Когда использовать Base64 в изображение
Используйте, чтобы просмотреть изображения, встроенные в HTML, CSS, ответы JSON API, журналы или письма, либо восстановить файл, присланный в Base64. Усечённые строки он исправить не может: если часть Base64 отсутствует, изображение будет некорректным.
Как работает Base64 в изображение
Инструмент отбрасывает префикс data URI, удаляет пробельные символы, принимает URL-безопасный Base64 (- и _) и отсутствие выравнивания =, затем декодирует через atob. Байты распознаются по сигнатуре: PNG, JPEG, GIF, WebP, AVIF, HEIC, BMP, ICO, TIFF или текст SVG. Если data URI объявляет другой MIME-тип, чем у байтов, показывается предупреждение. Превью использует object URL декодированных байтов.
Распространенные Случаи Использования
- Просмотреть изображение, которое REST API вернул в Base64.
- Извлечь встроенное изображение из HTML-письма или файла CSS.
- Проверить, действительно ли data URI содержит тот формат, который заявлен.
- Сохранить скриншот в Base64 из журнала тестов как файл PNG.
Примечание по Безопасности
Изображения декодируются, обрабатываются и кодируются локально в вашем браузере через Canvas API. На сервер ничего не загружается. Содержимое SVG показывается только внутри элемента <img>, где скрипты в SVG не выполняются.
Часто Задаваемые Вопросы
Нужен ли префикс data:image?
Нет. Чистый Base64 тоже работает; тип определяется по декодированным байтам.
Почему появляется сообщение «not valid Base64»?
Строка содержит символы вне алфавита Base64 или имеет невозможную длину — обычно потому, что она обрезана или содержит кавычки либо escape-последовательности. Вставляйте только часть Base64.
Что, если данные не являются изображением?
Инструмент сообщит, что Base64 декодируется корректно, но не является распознанным форматом изображения, и не будет показывать вводящее в заблуждение превью.