Предпросмотр и декодер изображений Base64
Гид
Предпросмотр и декодер изображений Base64
Вставьте строку с изображением в формате base64 и мгновенно просмотрите отображаемое изображение, формат которого определяется автоматически на основе магических байтов файла. Все параметры изображения — его пиксельные размеры и размер в байтах после декодирования — вычисляются прямо в вашем браузере — без загрузки на сервер и без ожидания API. Опционально data: префикс URI удаляется автоматически, поэтому вы можете вставлять исходную строку base64 из JSON-пакета, из CSS-фона, из тела письма или из ответа SDK и оно будет работать без проблем.
Как использовать
- Скопируйте строку base64. Она может быть исходным содержимым или включать
data:image/...;base64,префикс URI — оба варианта принимаются. - Вставьте её в поле Строка Base64 . Инструмент декодирует и отображает изображение сразу после остановки ввода.
- Проверьте определённый формат, пиксельные размеры, размер файла после декодирования и количество символов в исходной строке base64.
- Нажмите Загрузить изображение Скачать как изображение
Возможности
- Автоматическое определение формата изображения — распознаются форматы PNG, JPEG, GIF, WebP, BMP, ICO, SVG, AVIF и HEIC на основе магических байтов, а не только на основе подсказки в URI.
- Пиксельные размеры — ширина и высота читаются из отображаемого изображения, поэтому вы видите истинный размер изображения.
- Размер декодированного файла — показывает реальный размер в байтах после декодирования, а также длину строки в символах base64 для сравнения.
- Удаляет префикс URI — работает независимо от того, начинается ли ввод с
data:image/png;base64,, простоiVBORw0...или с варианта base64, безопасного для URL. - Скачать как изображение — один клик позволяет сохранить декодированные байты с правильным расширением для определённого формата.
- Полностью клиентская платформа — строка base64 никогда не покидает ваш браузер. Безопасно использовать при работе с приватными скриншотами, внутренними ресурсами или чувствительными дизайнерскими файлами.
Когда использовать этот инструмент
Используйте этот инструмент каждый раз, когда вы сталкиваетесь со строкой base64 изображения и хотите убедиться, что она действительно представляет собой изображение — отладка ответов API, содержащих миниатюры, проверка встроенных изображений в CSS или HTML-письмах, дешифровка трекинг-пикселей, проверка выходных данных из API генерации изображений или восстановление ресурса из экспорта базы данных. Поскольку отображение происходит в браузере, это также быстрый способ проверить корректность строки base64 перед тем, как отправить её в производство.
Часто задаваемые вопросы
-
Что такое кодирование base64 и зачем оно используется для изображений?
Base64 — это схема кодирования, представляющая произвольные двоичные данные с помощью 64 печатных символов ASCII. Она существует потому что многие каналы передачи — JSON, HTML-атрибуты, тела писем, URL, классические XML — не могут безопасно передавать сырые байты. Кодирование изображения в формате base64 позволяет встраивать весь файл как строку в текстовом контексте, при этом размер увеличивается примерно на треть.
-
Как работает URI-данные в HTML и CSS?
URI-данные имеют следующий формат
data:[mediatype][;base64],<payload>. Когда браузер видит это вimg src, в CSSbackground-imageили в другом атрибуте ресурса, он не выполняет сетевой запрос — он декодирует встроенное содержимое и рассматривает его как ресурс. Это устраняет круговой запрос, но делает HTML или CSS больше и несущимся в кэш. -
Почему данные изображения в формате base64 больше, чем исходный бинарный файл?
Base64 упаковывает каждые три байта двоичных данных в четыре ASCII-символа, что уже приводит к увеличению размера на 33%. Паддинг и любые переносы строк увеличивают этот избыток. В качестве приблизительного правила, строка base64 примерно в 1,37 раза больше размера исходного файла, если исключить сжатие на уровне HTTP.
-
Какие форматы изображений могут быть закодированы в формате base64?
Любой формат изображения может быть закодирован — base64 является формат-независимым и просто представляет байты файла. Браузеры могут отображать PNG, JPEG, GIF, WebP, BMP, ICO, SVG и всё больше AVIF и HEIC из URI-данных, при условии, что в префиксе или в магических байтах файла указан правильный тип медиа.
-
Когда встраивание изображения в формате base64 ухудшает производительность вместо улучшения?
Встраивание эффективно для очень маленьких изображений, находящихся на критическом пути, но перестаёт быть выгодным для больших файлов. Строка base64 не может быть кэширована отдельно от документа, в котором она встроена, блокирует поток загрузки окружающего контента и заставляет браузер перепарсить те же байты при каждом запуске страницы. Для файлов, превышающих несколько килобайт, обычный запрос с HTTP-кэшированием почти всегда быстрее.
<img>запрос с HTTP-кэшированием почти всегда быстрее.
Установите наши расширения
Добавьте инструменты ввода-вывода в свой любимый браузер для мгновенного доступа и более быстрого поиска
恵 Табло результатов прибыло!
Табло результатов — это интересный способ следить за вашими играми, все данные хранятся в вашем браузере. Скоро появятся новые функции!
Подписаться на новости
все Новые поступления
всеОбновлять: Наш последний инструмент была добавлена 2 мая 2026 года
