belun.app Блог

Base64 в изображение — декодировать и скачать бесплатно

Вставьте строку Base64 или полный data:image/... URI — картинка появится сразу. Формат определяется по самим декодированным байтам: PNG, JPG, GIF, WebP, AVIF, BMP, ICO или SVG. Файл можно сохранить как есть либо переупаковать в PNG или JPG. Ничего никуда не отправляется, декодирование идёт во вкладке браузера.

Как это работает

  1. 1
    Вставьте Base64 Положите строку в текстовое поле. Подойдёт и полный data:image/png;base64,... и голая полезная нагрузка без префикса. Обёртки вида url(...) и лишние кавычки убираются автоматически.
  2. 2
    Посмотрите превью Картинка отрисуется под полем ввода вместе с определённым форматом, размером файла и разрешением в пикселях. Если строка не изображение, вы увидите понятное объяснение, а не сломанную иконку.
  3. 3
    Скачайте файл Оставьте исходный формат или выберите PNG либо JPG — тогда картинка будет перерисована через canvas. Нажмите «Скачать», и файл окажется в папке загрузок.

Ваши данные защищены

Всё обрабатывается прямо в вашем браузере. Никакие файлы или текст не отправляются на наши серверы. Отключите интернет — инструмент продолжит работать.

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

Нужен ли префикс data:image?
Нет. Вставьте чистую строку Base64, и формат определится по сигнатуре декодированных байтов, а корректный data URI соберётся автоматически. Если префикс есть, он разбирается и используется как запасная подсказка.
Какие форматы поддерживаются?
PNG, JPEG, GIF, WebP, AVIF, HEIC, BMP, ICO и SVG. Формат определяется по реальной сигнатуре файла, а не по MIME-типу из префикса, поэтому строка с неверной подписью всё равно декодируется правильно.
Отправляется ли моя строка на сервер?
Нет. Декодирование, определение формата, превью и перекодировка выполняются на JavaScript прямо в браузере. Строка не покидает устройство, так что с внутренними ассетами и клиентскими материалами работать безопасно.
Почему строка не декодируется?
Чаще всего виновата обрезанная копия, HTML-сущности вроде + вместо + или остатки разметки — например, закрывающая кавычка. Инструмент сообщает, когда встречает символ вне алфавита Base64, и вы сразу видите, где строка испортилась.
Можно перевести Base64 PNG в JPG?
Да. Выберите JPG в строке загрузки — картинка перерисуется на canvas с белой подложкой (в JPEG нет альфа-канала, иначе прозрачность стала бы чёрной) и сохранится с качеством 0,92.
Работает ли URL-safe Base64?
Да. Строки, где вместо + и / используются - и _, декодируются так же, а отсутствие выравнивающих символов = в конце не мешает.

Из блога

Как декодировать Base64-строку в картинку (и когда так делать не стоит) Что на самом деле лежит внутри Base64-строки изображения, как вернуть её в файл и о какой прибавке к весу обычно молчат. Читать статью →

Похожие инструменты