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

Декодер Base64 в изображение преобразует строки в кодировке Base64 обратно в просматриваемые и загружаемые изображения. Поддерживает все распространённые форматы: PNG, JPEG, GIF, WebP, AVIF, BMP, ICO и SVG.

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

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

1. Вставьте строку изображения в кодировке Base64 (с префиксом Data URI или без него) в поле ввода.
2. Декодированное изображение отображается сразу с данными о размерах, формате и объёме файла.
3. Скачайте декодированный файл изображения или скопируйте его в буфер обмена для использования в проектах.

Когда использовать

• Проверить, действительно ли Base64-изображение из API раскрывается в ожидаемую картинку.
• Вытащить data URI из исходника HTML или CSS и сохранить его как полноценный PNG.
• Восстановить скриншот, вставленный Base64-блоком в чат или лог и не открываемый напрямую.

Результат

Разработчик получает Base64-закодированный PNG-скриншот в ответе API: вставляет строку для визуальной проверки, затем скачивает файл изображения для отчёта об ошибке.

Частые вопросы

Нужно ли вставлять префикс data:image/...;base64, во входное поле?

Нет. Декодер принимает и чистый Base64-блок, и полный data URI. Если вставлено только тело, он анализирует первые байты после декодирования (PNG начинается с 89 50 4E 47, JPEG — с FF D8 FF) и сам выбирает формат.

Почему пишет «недопустимый Base64», хотя на вид всё правильно?

Чаще всего виноваты три тихих источника: посторонние пробелы или переносы строк, превращённые в HTML-сущности прямо внутри полезной нагрузки, фигурные кавычки, попавшие из текстового редактора, или префикс data URI, обёрнутый в лишние кавычки. URL-safe вариант (тот, что использует дефис и подчёркивание в JWT) мы теперь нормализуем автоматически, его больше не нужно править вручную. Удалите всё до первого символа настоящей нагрузки и убедитесь, что скопировали обычные ASCII-символы, а не «умные» кавычки.

Корректно ли показывается PNG с прозрачным фоном?

Да. Область предпросмотра имеет нейтральный фон, чтобы прозрачные пиксели оставались прозрачными, а не отображались белым. Скачанный файл побитно совпадает с исходным PNG, альфа-канал сохраняется.

Почему предпросмотр выглядит размытым по сравнению с оригиналом?

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

Есть ли ограничение на длину Base64-строки, которую можно вставить?

Страница уверенно работает со строками примерно до 25 МБ текста — это около 18 МБ бинарного изображения. При большем объёме браузер начинает тормозить из-за декодирования в памяти. Для 4K-скриншотов или больших PDF лучше работать с файлами напрямую.

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