Decode
ТИП: КОНВЕРТЕР ИЗОБРАЖЕНИЙ
ТОЛЬКО В БРАУЗЕРЕ
Входной поток
ТИП: КОНВЕРТЕР ИЗОБРАЖЕНИЙ
ТОЛЬКО В БРАУЗЕРЕ
Входной поток
Коротко об инструменте
На вход идёт текст — чистый Base64 или полный data URI вида data:image/png;base64,iVBORw0..., на выходе получается обычный файл картинки, который открывается в любом просмотрщике. Декодирование считает сам браузер на вашей машине, строка никуда не передаётся. Это нужно, когда изображение приехало внутри JSON-ответа API, застряло в теле письма или в CSS-правиле background-image, и надо убедиться, что там лежит именно то, что ожидалось. Смотрите также: обратное кодирование картинки в Base64, декодирование Base64 в любой файл, как узнать формат распакованного изображения.
Чистый Base64 — это только тело кодировки, набор букв, цифр, плюсов и слэшей. Data URI — та же строка с приставкой data:image/png;base64, которая сообщает браузеру тип файла. Поле принимает оба варианта: если приставки нет, инструмент пытается определить формат по сигнатуре первых байтов. Когда формат распознать не удалось, надёжнее дописать приставку вручную.
Чаще всего строка обрезана при копировании из консоли или из логов: Base64 картинки бывает в сотни килобайт длиной, и терминал показывает только хвост. Вторая причина — в строке лежит не изображение, а PDF, шрифт или JSON. Третья — при копировании из HTML попали кавычки, точка с запятой или закрывающая скобка url(). Уберите лишние символы и вставьте строку целиком.
Base64 из почтовых писем и из YAML-конфигов почти всегда разбит на строки по 76 символов. Вставляйте как есть: переносы и пробелы отбрасываются при разборе, они не являются значащими символами кодировки. А вот кавычки по краям, запятые из JSON и обратные слэши экранирования значащими считаются и ломают декодирование, их надо удалить.
Прозрачность сохраняется: PNG поддерживает альфа-канал, и прозрачный фон исходной картинки останется прозрачным. Анимация — нет. Экспорт отдаёт один растровый кадр, поэтому из анимированного GIF вы получите только первый кадр. Если нужна анимация целиком, сохраните исходную строку в файл .gif сторонним способом, а этот инструмент используйте для проверки содержимого.
Нет. Разбор Base64 и отрисовка превью выполняются кодом страницы прямо в вашем браузере, сетевых запросов с содержимым поля инструмент не делает. Поэтому через него можно спокойно проверять скриншоты из внутренних систем и вложения из рабочей переписки — данные остаются на вашем устройстве и исчезают, как только вы закроете вкладку.
Обычно да, но с оговорками. Мобильный Safari и Chrome декодируют мегабайтные строки за секунду-две, однако вставка такого объёма через буфер обмена на телефоне часто обрезается самой системой. Если превью пустое, а на компьютере та же строка открывается, дело почти наверняка в буфере: перекиньте строку файлом и откройте инструмент на десктопе.
До: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==
После: PNG размером 1×1 пиксель, открывается в превью и сохраняется кнопкой Export PNG
До: background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciLz4=)
После: Иконка видна в превью; кнопка Export PNG отдаёт её растровой копией
Оценка и фидбек помогают понять, что улучшать дальше.