ESC

Конвертер изображений в Base64

Перетащите изображение сюда

или нажмите для выбора файла (PNG, JPG, GIF, SVG, WebP — макс. 10 МБ)

Все вычисления происходят в вашем браузере. Изображения не загружаются на сервер.

Примеры использования

Встраивание в письма

Встраивание изображений напрямую в HTML-письма без внешнего хостинга с помощью Data URI в Base64.

CSS-фоновые изображения

Использование Base64-изображений в значениях CSS background-image для сокращения HTTP-запросов.

Данные для API

Включение данных изображений в JSON API для передачи данных без загрузки файлов.

Возможности

Перетаскивание

Просто перетащите изображение в область загрузки или нажмите для выбора файла.

Предпросмотр изображения

Просматривайте загруженное изображение с информацией о размере файла и разрешении.

Формат Data URI

Переключайтесь между чистым Base64 и форматом Data URI для встраивания в HTML/CSS.

Безопасно и конфиденциально

Всё кодирование выполняется локально в вашем браузере. Изображения не покидают ваше устройство.

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

1

Загрузите изображение

Перетащите изображение или нажмите для выбора файла.

2

Предпросмотр и настройка

Просмотрите изображение и включите/отключите формат Data URI.

3

Скопируйте Base64

Скопируйте строку Base64 для использования в вашем проекте.

Часто задаваемые вопросы

PNG, JPEG, GIF, SVG, WebP и большинство распространённых форматов размером до 10 МБ. FileReader API браузера читает любой поддерживаемый файл. SVG-файлы, являясь XML-текстом, кодируются эффективно и часто используются как встроенные data URI.

Формат data URI: data:image/png;base64,[закодированная строка]. Включение префикса делает строку готовой для прямого использования в HTML (<img src="data:image/png;base64,..."/>) и CSS (background-image: url("data:image/png;base64,...")). Без префикса вы получаете чистый Base64 — удобно для API-нагрузок или кода, который добавляет префикс самостоятельно.

Кодирование Base64 увеличивает размер примерно на 33%. Каждые 3 байта двоичных данных становятся 4 символами ASCII. Изображение размером 100 КБ превращается примерно в 133 КБ текста Base64. Этот overhead — плата за встраивание изображения в виде обычного текста.

Лучше всего подходит для небольших изображений: иконки, логотипы, простая графика (до 5–10 КБ). Преимущества: устраняет один HTTP-запрос, изображение всегда доступно даже при недоступности сервера, идеально для HTML-писем, где внешние изображения блокируются. Не рекомендуется для больших фотографий — размерный overhead и потеря кеширования делают обычные URL-адреса файлов быстрее.

Включите переключатель префикса Data URI, затем скопируйте результат. Для тега изображения: <img src="[вставьте здесь]" alt="..."/>. Для CSS: background-image: url("[вставьте здесь]"). Data URI работает во всех современных браузерах без сервера или внешних файлов.

Да. Отключите префикс Data URI, чтобы получить чистый Base64, и включите его как строковое поле JSON. Принимающий API восстанавливает двоичное изображение из строки Base64. Распространено для API, принимающих изображения без multipart-загрузки файлов.

Максимум 10 МБ. При вводе 10 МБ вывод Base64 составит около 13,3 МБ. Очень длинные строки Base64 могут замедлить операции копирования и достичь лимитов буфера обмена браузера. Для изображений крупнее нескольких сотен КБ обычный файловый хостинг практичнее.

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

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

Перетащите изображение и получите его строку в Base64. Поддержка PNG, JPG, GIF, SVG, WebP и других форматов. Переключение формата Data URI для прямого использования в HTML-тегах img или CSS-фонах.

Основные возможности

Загрузка перетаскиванием, предпросмотр с информацией о файле, переключение Data URI для встраивания в HTML/CSS, поддержка всех распространённых форматов изображений до 10 МБ, копирование одним кликом.

Типичные сценарии использования

Встраивание изображений напрямую в HTML-письма, использование изображений как CSS-фонов для сокращения HTTP-запросов, включение данных изображений в JSON API или инлайнинг небольших иконок.

Советы

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

Конфиденциальность

Всё кодирование происходит в вашем браузере. Изображения никогда не загружаются на сервер.

Безопасность и конфиденциальность

Безопасность ваших данных — наш приоритет

Локальная обработка

Вся обработка происходит в вашем браузере

Без передачи данных

Ваши данные не отправляются на наши серверы

Без хранения данных

Данные не хранятся и не передаются

SSL-шифрование

SSL-шифрование для безопасного соединения

Next Step

Также на MoreOnlineTools