IT Market
Инструменты/Файлы/Base64 в изображение — декодер онлайн бесплатно
Декодирование Base64
Base64
Decode

ТИП: КОНВЕРТЕР ИЗОБРАЖЕНИЙ

ТОЛЬКО В БРАУЗЕРЕ

Входной поток

------------------ STITCH
Ожидание сигнала...

Коротко об инструменте

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

На вход идёт текст — чистый Base64 или полный data URI вида data:image/png;base64,iVBORw0..., на выходе получается обычный файл картинки, который открывается в любом просмотрщике. Декодирование считает сам браузер на вашей машине, строка никуда не передаётся. Это нужно, когда изображение приехало внутри JSON-ответа API, застряло в теле письма или в CSS-правиле background-image, и надо убедиться, что там лежит именно то, что ожидалось. Смотрите также: обратное кодирование картинки в Base64, декодирование Base64 в любой файл, как узнать формат распакованного изображения.

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

  1. Вставьте строку в поле «Вставьте сюда данные Base64...» — подойдёт и чистый Base64, и data URI с указанным MIME-типом.
  2. Нажмите Process Data: браузер разберёт строку и покажет декодированное изображение в блоке превью под полем ввода.
  3. Сравните превью с тем, что вы ожидали увидеть — обрезанная или повреждённая строка даёт пустой блок вместо картинки.
  4. Нажмите Export PNG, чтобы сохранить получившееся изображение на диск отдельным файлом формата PNG.
  5. Кнопкой Reset очистите поле ввода и превью перед тем, как разбирать следующую строку из другого ответа.

Вопросы и ответы

Чем отличается чистый Base64 от data URI и что вставлять?

Чистый Base64 — это только тело кодировки, набор букв, цифр, плюсов и слэшей. Data URI — та же строка с приставкой data:image/png;base64, которая сообщает браузеру тип файла. Поле принимает оба варианта: если приставки нет, инструмент пытается определить формат по сигнатуре первых байтов. Когда формат распознать не удалось, надёжнее дописать приставку вручную.

Почему после нажатия Process Data превью осталось пустым?

Чаще всего строка обрезана при копировании из консоли или из логов: Base64 картинки бывает в сотни килобайт длиной, и терминал показывает только хвост. Вторая причина — в строке лежит не изображение, а PDF, шрифт или JSON. Третья — при копировании из HTML попали кавычки, точка с запятой или закрывающая скобка url(). Уберите лишние символы и вставьте строку целиком.

Как быть, если строка пришла с переносами строк и пробелами?

Base64 из почтовых писем и из YAML-конфигов почти всегда разбит на строки по 76 символов. Вставляйте как есть: переносы и пробелы отбрасываются при разборе, они не являются значащими символами кодировки. А вот кавычки по краям, запятые из JSON и обратные слэши экранирования значащими считаются и ломают декодирование, их надо удалить.

Сохранятся ли прозрачность и анимация GIF после Export PNG?

Прозрачность сохраняется: PNG поддерживает альфа-канал, и прозрачный фон исходной картинки останется прозрачным. Анимация — нет. Экспорт отдаёт один растровый кадр, поэтому из анимированного GIF вы получите только первый кадр. Если нужна анимация целиком, сохраните исходную строку в файл .gif сторонним способом, а этот инструмент используйте для проверки содержимого.

Строка с картинкой уходит куда-то на сервер?

Нет. Разбор Base64 и отрисовка превью выполняются кодом страницы прямо в вашем браузере, сетевых запросов с содержимым поля инструмент не делает. Поэтому через него можно спокойно проверять скриншоты из внутренних систем и вложения из рабочей переписки — данные остаются на вашем устройстве и исчезают, как только вы закроете вкладку.

Потянет ли телефон длинную строку на несколько мегабайт?

Обычно да, но с оговорками. Мобильный Safari и Chrome декодируют мегабайтные строки за секунду-две, однако вставка такого объёма через буфер обмена на телефоне часто обрезается самой системой. Если превью пустое, а на компьютере та же строка открывается, дело почти наверняка в буфере: перекиньте строку файлом и откройте инструмент на десктопе.

Примеры

Аватар из ответа API
До: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==
После: PNG размером 1×1 пиксель, открывается в превью и сохраняется кнопкой Export PNG
Иконка, вшитая в CSS
До: background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciLz4=)
После: Иконка видна в превью; кнопка Export PNG отдаёт её растровой копией