Конвертер Base64 в изображение — декодируйте data URI и сохраните файл

Вставьте строку Base64 или URI вида data:image и получите изображение обратно. Настоящий формат определяется по декодированным байтам, поэтому у скачанного файла всегда правильное расширение. Декодирование идёт в вашем браузере.

Вставьте строку выше, чтобы декодировать её. Переносы строк, отступы и обрамляющие кавычки обрабатываются автоматически.

Что делает конвертер Base64 в изображение

Этот инструмент принимает текстовую форму изображения и возвращает вам файл. Base64 — это транспортное кодирование: оно переписывает произвольные байты с помощью всего 64 символов A-Z, a-z, 0-9, плюс и слэш, чтобы двоичные данные могли пройти там, где принимается только текст. Обёрнутое в data URI — префикс `data:image/png;base64,` и следом полезная нагрузка — оно помещается прямо в атрибут HTML, в CSS url(), в поле JSON или в тело письма. Декодирование в точности обращает это преобразование, поэтому байты на выходе — те же, что были на входе, вплоть до блока EXIF и цветового профиля. Прежде чем что-то показать, инструмент очищает ввод: находит полезную нагрузку, даже когда она спрятана внутри целого тега `img src="…"` или объявления `background-image: url(…)`, убирает переносы строк и отступы, добавленные форматтером, и снимает обрамляющие кавычки. Затем он определяет формат по первым байтам декодированных данных — сигнатура PNG 89 50 4E 47, маркер JPEG FF D8 FF, заголовок GIF87a/GIF89a, контейнер RIFF/WEBP, бокс ftyp у AVIF или открывающий тег `svg`. MIME-тип, записанный в префиксе, — всего лишь заявление: это обычный текст, который генератор может указать неверно, а кто угодно — отредактировать, поэтому он показывается для справки, но никогда не используется для имени скачиваемого файла. Всё происходит на странице, на вашем устройстве; строка никуда не отправляется.

Зачем декодировать Base64 обратно в изображение

Встроенные изображения удобно доставлять и неудобно с ними работать. Декодирование превращает текст обратно в файл, который можно открыть, отредактировать или приложить к письму.

Достать встроенную иконку или фон из таблицы стилей, собранного JS-файла или HTML-исходника письма
Увидеть, что на самом деле содержит незнакомый data URI со страницы, из лога или ответа API, прежде чем ему доверять
Превратить Base64-колонку из дампа базы данных или поля JSON обратно в просматриваемое изображение
Извлечь изображение из самодостаточной HTML-страницы или сгенерированного отчёта, где нет отдельного файла ресурса

Как конвертировать Base64 в изображение

Вставьте и посмотрите — декодирование происходит мгновенно и полностью в браузере.

1

Вставьте строку: полный URI data:image/…;base64, целое объявление CSS url() или тег img либо чистый Base64 вообще без префикса

2

Переносы строк, отступы и обрамляющие кавычки убираются автоматически, поэтому копировать прямо из отформатированного исходника — нормально

3

Проверьте предпросмотр вместе с определённым форматом, размерами в пикселях и размером декодированного файла

4

Скачайте изображение — расширение берётся из реальных байтов, поэтому неверный префикс не подсунет вам сломанный файл

Часто задаваемые вопросы

Нет. Вставляйте с префиксом или без — работает и так, и так. Префикс — часть синтаксиса data URI, а не самого закодированного изображения: он подсказывает браузеру, как трактовать идущую следом нагрузку. Если он есть, инструмент читает его и показывает, что именно было заявлено; если его нет, ничего не теряется, поскольку формат в любом случае определяется по декодированным байтам.
Потому что префикс — это текст, а не данные. Кто угодно может написать `data:image/jpeg;base64,` перед байтами PNG, и множество генераторов делают это по случайности: копируют шаблон, жёстко прописывают MIME-тип или переиспользуют строку после повторного экспорта картинки. Довериться префиксу — значит сохранить файл с именем .jpg, который не откроет ни один декодер JPEG. Этот инструмент вместо этого читает первые байты, а когда данные расходятся, честно сообщает об этом и называет файл по байтам.
Почти всегда это неполное копирование. Длинные data URI тянутся на десятки тысяч символов, и выделение, оборвавшееся на краю окна, терминал, который перенёс строку и вставил обратный слэш, или просмотр диффа, добавивший + в начало каждой строки, — всё это даёт строки, которые не декодируются. Другие частые причины: HTML-сущности вроде & вместо &, а также URL-безопасный вариант с символами - и _ вместо + и /, который нужно преобразовать перед декодированием.
Нет. Форматтеры и вывод минификаторов регулярно переносят длинные data URI по строкам, а почтовые клиенты жёстко переносят на 76 символах. Пробельные символы не входят в Base64, поэтому они удаляются перед декодированием. Можно вставлять и окружающий синтаксис как есть — целое объявление `background-image: url("data:…");`, тег `img src="…"` или строку JSON в кавычках, — полезная нагрузка будет извлечена изнутри.
Нисколько. Base64 — обратимое кодирование, а не сжатие и не перекодирование. Декодированные байты идентичны исходному файлу, включая метаданные EXIF, цветовой профиль ICC и встроенную миниатюру. Если результат выглядит хуже, чем вы ожидали, потеря произошла до кодирования — например, изображение сохранили как JPEG низкого качества или предварительно уменьшили.
Да. У SVG нет двоичной сигнатуры, потому что это XML, поэтому он опознаётся по разметке: декодированный текст должен начинаться с тега и содержать элемент `svg` где-то в начале, после объявления XML или комментария. Он скачивается как .svg и открывается в текстовом редакторе. Полезно знать и про обратное направление: SVG и так текст, поэтому кодирование его в Base64 просто увеличивает размер примерно на треть без всякой пользы.
PNG, JPEG, GIF, WebP, AVIF, BMP, ICO и SVG — каждый по собственной сигнатуре в начале файла. Если Base64 декодировался чисто, но не совпал ни с одной из них, вы увидите понятное сообщение вместо загрузки: обычно это значит, что внутри PDF, шрифт, zip-архив или обычный текст, который просто закодировали в Base64.
Нет. Декодирование — это несколько строк JavaScript, работающих на этой странице: строка остаётся в памяти вкладки, предпросмотр изображения — это blob-URL, созданный локально, а файл для скачивания формируется на вашем устройстве. Серверной части нет, запроса с полезной нагрузкой нет, и страница продолжает работать при отключённой сети. Здесь это особенно важно, потому что вставляемые data URI часто оказываются скриншотами, сканами или документами из приватных источников.

Другие инструменты для изображений

Откройте другие мощные инструменты для редактирования изображений

Сжать Изображение

Уменьшить размер

Изменить Размер

Изменить размеры

Обрезать Изображение

Вырезать область

Конвертировать Формат

Изменить формат

Фоторедактор

Редактировать фото

Повернуть Изображение

Повернуть

Отразить Изображение

По горизонтали/вертикали

Добавить Водяной Знак

Водяной знак

Добавить Рамку

Добавить рамку изображения

Закругленные Углы

Добавить закругленные углы

Фильтры

Яркость/Контраст

Размыть Лицо

Скрыть лица

Мозаика

Размыть области

Удалить Фон

Удалить фон

Улучшить Изображение

ИИ апскейл

Добавить Текст

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

Коллаж

Объединить несколько изображений

HTML в Изображение

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

GIF в Последовательность

Извлечь кадры

Удалить пустые поля

Удалить пустые края

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

Безопасное массовое переименование файлов

Круговая обрезка

Обрезка изображений в круг

Чёрно-белое

Конвертация изображений в оттенки серого

Разделить изображение

Разрезать изображение на сетку

Объединить изображения

Объединить изображения в одно

Изменить DPI

Установить метаданные DPI изображения

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

Кодирование изображений в Base64

Изображения в PDF

Объедините изображения в один PDF

Конвертер HEIC в JPG

Конвертируйте фото iPhone из HEIC в JPG

Удаление EXIF

Просмотр и удаление скрытых метаданных фото, включая геолокацию GPS

Генератор фавиконок

Полный набор иконок и HTML-код

Цветовая палитра

Извлечь цвета из изображения

HEIC в PNG

Конвертировать фото HEIC с iPhone в PNG без потерь

Текст за изображением

Разместите текст позади объекта на фото прямо в браузере

Пипетка

Узнать HEX, RGB и HSL любого пикселя

Создание подписи

Нарисуйте подпись и скачайте её прозрачным PNG

Удаление фона подписи

Чернила с бумаги на прозрачном фоне

Прозрачный фон

Сделать фон прозрачным