Предпросмотр и декодер изображений Base64
Просмотр Base64-изображения и декодирование его обратно в чистый URI данных. Вставьте сырой Base64 или полную строку data:image/...;base64 — увидите отрендеренное изображение плюс определённый формат, MIME-тип и размер файла.
Ввод
Пробелы и переводы строк во вставленной строке игнорируются автоматически.
Используется только когда ввод — это чистый Base64 без префикса data:image/...;base64, и реальный формат не удалось автоматически определить по сигнатуре файла.
Вывод
Вставьте Base64-изображение, чтобы увидеть предпросмотр здесь.
Очищенный, готовый к использованию URI данных — вставьте его в <img src> или url() CSS.
| Свойство | Значение |
|---|---|
| No data yet | |
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/base64-image-preview-decoder \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"base64Input": "R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",
"mimeType": "image/png"
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `base64-image-preview-decoder` tool (Base64 Image Preview & Decoder) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/base64-image-preview-decoder/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Предпросмотр и декодер изображений Base64 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|---|
| Нужно больше кредитов? | Посмотреть тарифы |
Также доступно через
Руководства
Что делает этот инструмент
Вставьте Base64-кодированное изображение и увидите его визуализацию мгновенно — не нужно гадать, является ли строка валидной, не нужно создавать собственный тег <img> только чтобы проверить. Инструмент принимает чистый Base64 (только закодированные байты) или полный URI data:image/...;base64,..., очищает любые пробелы или разрывы строк, добавленные при копировании, и показывает декодированное изображение вместе с его форматом, типом MIME и размером файла.
Как использовать
- Вставьте Base64-строку в поле ввода. Разрывы строк и пробелы автоматически удаляются, поэтому значение, скопированное из письма, строки логов или многострочного текстового файла, всё ещё работает.
- Если строка не начинается с
data:, выберите тип изображения — PNG, JPEG, GIF, WebP или SVG. Это только резервный вариант: если реальная сигнатура файла может быть распознана, инструмент доверяет байтам, а не вашему выбору. - Предпросмотр, таблица декодированной информации и нормализованный URI данных появляются сразу — нет никаких кнопок для нажатия.
- Используйте действие Download в предпросмотре для сохранения декодированного файла или скопируйте нормализованный URI данных чтобы вставить непосредственно в
<img src>или CSSurl().
Почему предпросмотр иногда показывает другой формат, чем вы выбрали
Инструмент читает первые несколько байтов декодированных данных («магическое число» файла) для идентификации содержимого PNG, JPEG, GIF, WebP и SVG. Если распознаёт сигнатуру, она имеет приоритет над раскрывающимся списком типа изображения или несоответствующим префиксом MIME data: — поэтому строка с названием .png, которая на самом деле является JPEG, всё равно будет правильно отрендерена и загружена. Раскрывающийся список важен только когда байты не соответствуют никакой известной сигнатуре.
Почему нет размеров пикселей
Чтение ширины и высоты изображения требует, чтобы браузер действительно декодировал и отрендерил изображение (элемент Image/<canvas>), что происходит после того, как этот инструмент уже завершил свою работу по валидации и предпросмотру строки. Все, что вы получаете здесь — формат, тип MIME, размер декодированного файла в байтах и длину Base64 — это всё, что можно получить непосредственно из закодированной строки.
Мои данные конфиденциальны?
Да. Декодирование происходит полностью в вашем браузере — Base64-строка и изображение, которое она представляет, никогда не загружаются и не регистрируются нигде.
Типичные способы использования
- Проверка Base64-изображения перед вставкой его в HTML, CSS или в payload API.
- Восстановление просматриваемого и загружаемого файла из Base64-blob, найденного в логах, дампе базы данных или ответе JSON.
- Подтверждение того, что скопированный URI
data:имеет правильный формат и указывает на ожидаемый формат.