Base64 кодирование/декодирование

Преобразуйте изображения в data URI Base64 и декодируйте строки Base64 обратно в изображения. Идеально для встраивания изображений в HTML, CSS или JavaScript.

Перетащите изображения сюда или нажмите для выбора

Поддерживает все форматы изображений

Бесплатный онлайн-кодировщик/декодер Base64 — конвертируйте изображения в Base64 мгновенно

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

1. Загрузка

Загрузите одно или несколько изображений или вставьте строку Base64 для декодирования.

2. Просмотр и копирование

Просмотрите сгенерированный data URI Base64 или предпросмотр декодированного изображения.

3. Используйте везде

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

Советы по использованию кодировщика/декодера Base64

  • Кодирование Base64 увеличивает размер файла примерно на 33%. Используйте его для небольших изображений (иконки, логотипы), где удобство встраивания перевешивает увеличение размера.
  • Data URI идеально подходят для автономных HTML-писем, одностраничных веб-страниц и CSS-фоновых изображений, которые должны работать без внешних ресурсов.
  • Для больших изображений кодирование Base64 не рекомендуется — используйте стандартные ссылки на файлы изображений для лучшей производительности.

Часто задаваемые вопросы — кодировщик/декодер Base64

Инструмент Base64 бесплатный?

Да, полностью бесплатный. Без регистрации, скрытых платежей и ограничений по размеру файла. Вся обработка происходит локально в вашем браузере.

Что такое кодирование Base64?

Base64 — это схема кодирования двоичных данных в текст, представляющая двоичные данные (например, изображения) в виде ASCII-текста. Изображение, закодированное в Base64, можно встроить непосредственно в HTML или CSS как data URI, устраняя необходимость в отдельном HTTP-запросе.

Как использовать закодированную строку Base64?

Инструмент генерирует полный data URI (например, data:image/png;base64,...). Вы можете вставить его непосредственно в атрибуты src HTML, значения url() CSS или объекты Image в JavaScript.

Как декодировать строку Base64?

Переключитесь на вкладку «Base64 → Изображение», вставьте ваш data URI Base64 или сырую строку Base64 и нажмите «Декодировать и предпросмотр». Декодированное изображение отобразится и будет доступно для скачивания.

Когда следует использовать Base64 для изображений?

Base64 лучше всего подходит для небольших изображений (менее 10 КБ), иконок, спрайтов и ситуаций, где минимизация HTTP-запросов критична. Для больших изображений более эффективны стандартные ссылки на файлы.

Увеличивает ли Base64 размер файла?

Да, кодирование Base64 увеличивает размер примерно на 33% по сравнению с исходным двоичным файлом. Это плата за удобство встраивания.

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

Все форматы изображений, поддерживаемые вашим браузером, могут быть закодированы в Base64, включая JPEG, PNG, WebP, AVIF, GIF, BMP, SVG и другие.