Кодировщик и декодер изображений в Base64 — бесплатный онлайн-инструмент конвертации
Кодировщик и декодер изображений в Base64
Конвертируйте изображения в Base64 и обратно. Поддерживаются PNG, JPEG, GIF, WebP, BMP, SVG и ICO. Результат — как Data URI, HTML <img>, CSS background-image, Markdown, JSON или XML. Вся обработка выполняется локально в вашем браузере — ваши изображения никогда не загружаются ни на один сервер.
Направление:
Формат:
Загрузить изображение
📷
Нажмите, чтобы выбрать, или перетащите сюда изображение
PNG, JPEG, GIF, WebP, BMP, SVG, ICO — не более 10 МБ
⚠ Большое изображение (>5 МБ). Закодированный Base64 будет очень длинным. Сначала попробуйте сжать его.
Формат:
-
Размеры:
-
Размер файла:
-
Размер Base64:
-
Результат (Base64)
Кодирование: Изображение → Base64 Загрузите или перетащите изображение, чтобы закодировать его в Base64. Выберите один из 7 форматов вывода: Data URI (встраивание прямо в веб-страницы), необработанный Base64, HTML <img>, CSS background-image, Markdown, JSON или XML. Декодирование: переключите направление, чтобы декодировать строку Base64 обратно в изображение — вставьте любой Base64 или Data URI и посмотрите предпросмотр. Формат изображения определяется автоматически по сигнатурам (PNG, JPEG, GIF, WebP, BMP, ICO, SVG). URL-безопасный: заменяет + на -, а / на _, и убирает завершающее заполнение =. Поддерживаемые форматы: PNG, JPEG, GIF, WebP, BMP, SVG, ICO. Конфиденциальность: вся обработка выполняется локально в вашем браузере — ваши изображения никогда не загружаются.
Когда встраивание изображений оправдано
Встраивание изображения как Data URI экономит один HTTP-запрос, но текст Base64 примерно на 33% больше исходных байт и не может кэшироваться отдельно от страницы. Такой компромисс оправдан для мелких значков и одноразовой графики, а для фотографий и повторно используемых ресурсов обычно неверен.
Практическое правило: встраивайте изображения размером до нескольких КБ — для всего более крупного отдельно кэшируемый файл изображения выигрывает при повторных посещениях.
🔷 Информация об изображениях Base64
Форматы вывода 7 форматов для разных сценариев.
Data URI data:image/png;base64,...
Необработанный Base64 Только строка base64
HTML Тег <img src="...">
CSS background-image: url(...)
Markdown / JSON / XML Встраивание в документы, API, конфиги