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

Новый

Декодируйте строку Base64 и просматривайте или загружайте изображение

Инструменты разработчика

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

  1. 1Вставьте строку Base64 в поле ввода
  2. 2Предварительный просмотр изображения появляется автоматически
  3. 3Нажмите «Скачать» для сохранения изображения
  4. 4Нажмите Загрузить для сохранения

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

Base64 в изображение декодирует Base64-закодированные строки изображений обратно в просматриваемые и загружаемые файлы.

Ключевые возможности Base64 в изображение

  • Accepts full data URLs (data:image/...;base64,...) and raw Base64 strings
  • Automatic image format detection from the data URL MIME type
  • Instant browser-rendered image preview after pasting
  • One-click download of the decoded image file
  • Handles PNG, JPG, WEBP, GIF, SVG, and any browser-displayable format
  • No file upload — purely text input decoded in the browser
  • Works offline — no server or internet connection required after page load
  • Graceful error message when the input is not valid Base64

Поддерживаемые форматы

Входные форматы

Строка data URL Base64Сырая Base64-закодированная строка

Выходные форматы

PNGJPGWEBPGIFSVG

Формат вывода определяется MIME-типом в префиксе data URL.

Примеры

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

Скопируйте Base64-значение из JSON-ответа, вставьте в инструмент и скачайте изображение для проверки.

Входные данные

JSON field: "thumbnail": "data:image/png;base64,iVBOR..."

Результат

Downloaded PNG thumbnail file

Отладка Base64 в HTML-исходнике

Вставьте часть Base64 из атрибута src HTML, чтобы увидеть встроенное изображение без инструментов разработчика.

Входные данные

Raw Base64 string from an img src attribute

Результат

Visual preview of the embedded image

Восстановление изображения из конфиг-файла

Вставьте сохранённую Base64-строку для декодирования и загрузки оригинального логотипа.

Входные данные

Base64-encoded logo from an application config

Результат

Downloaded logo PNG for reuse

Типичные сценарии использования

  • Просмотр и загрузка изображений из ответов API
  • Извлечение встроенных изображений из HTML-источника или JSON-файлов
  • Восстановление файлов изображений из Base64-строк в лог-файлах
  • Отладка пайплайнов кодирования изображений путём визуальной проверки
  • Конвертация data URI из CSS-файлов обратно в отдельные изображения
  • Извлечение изображений, встроенных в экспортированные записи базы данных

Устранение неполадок

Вставка строки не даёт предпросмотра изображения

Решение

Убедитесь, что строка начинается с "data:image/" для полного data URI, или является допустимой чистой Base64-строкой без лишних пробелов или переносов строк.

Декодированное изображение выглядит повреждённым

Решение

Строка Base64 может быть неполной или содержать ошибки кодирования. Проверьте, что полная строка была скопирована без усечения.

Инструмент отклоняет входную строку

Решение

Удалите префикс "data:image/png;base64,", если он встречается дважды, или уберите окружающие кавычки.

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

Какие форматы поддерживаются?

Любой формат изображения, закодированный как Base64 data URL, включая JPEG, PNG, WebP и GIF.

Отправляются ли мои данные на сервер?

Нет. Декодирование происходит полностью в вашем браузере.

Что делать, если предпросмотр изображения пустой?

Проверьте наличие недопустимых символов. Строки Base64 не должны содержать пробелы или переносы строк. Попробуйте скопировать заново из исходного источника.

Можно ли вставить URL вместо строки Base64?

Нет. Инструмент принимает только строки Base64 или data URI. Чтобы загрузить изображение по URL, сначала скачайте файл изображения, затем используйте инструмент Изображение в Base64.

Есть ли ограничение длины для Base64-ввода?

Жёсткого ограничения нет. Практический предел — память вашего браузера.

Чем это отличается от инструмента «Изображение в Base64»?

«Изображение в Base64» конвертирует файл изображения в строку Base64. «Base64 в изображение» делает обратное.

Что делать, если превью пустое?

Проверьте недопустимые символы. Строки Base64 не должны содержать пробелы или переносы строк.

Можно ли вставить URL вместо строки Base64?

Нет. Инструмент принимает только строки Base64 или data URI.