Что такое Base64 data URI?

Base64 data URI кодирует содержимое двоичного файла в виде текста в формате data:[mime];base64,[encoded], позволяя встраивать изображения напрямую в HTML, CSS или JSON без отдельного запроса файла.

Загружается ли моё изображение на сервер?

Нет. Кодирование использует API FileReader браузера и выполняется полностью на вашем устройстве. Ваше изображение никогда не покидает браузер.

Почему выход Base64 выглядит намного больше, чем оригинальное изображение?

Кодирование Base64 увеличивает двоичные данные примерно на 33 %, потому что он представляет каждые 3 байта как 4 символа ASCII. Это нормально и ожидаемо.

Какие форматы изображений можно конвертировать в Base64?

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

Когда я должен использовать изображения Base64 вместо обычных файлов изображений?

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

Загружает ли этот инструмент мои данные?

Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.

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

Мгновенно конвертируйте любое изображение в Base64 data URI — затем скопируйте его как сырой Base64, правило CSS background-image или HTML img tag, без загрузки файла.

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

🖼️

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

Конвертировано в вашем браузере — без загрузки

Приватно по умолчанию. Этот инструмент работает полностью в вашем браузере — ничего из введённого не загружается и не сохраняется, и он работает офлайн.

Об инструменте

Этот инструмент использует API FileReader браузера для чтения вашего изображения и кодирует его в строку Base64 полностью на вашем устройстве. Вы можете скопировать результат в трех готовых к использованию форматах: сырой data URI (пригоден везде, где принимаются URL), фрагмент CSS для background-image или полный HTML-элемент img. Панель также показывает размер оригинального файла вместе с размером закодированного файла, чтобы вы могли оценить компромисс. Поскольку кодирование выполняется локально, ваше изображение никогда не покидает браузер — это безопасно для чувствительных графических элементов, таких как логотипы или частные фотографии.

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

Перетащите изображение в область загрузки или нажмите, чтобы выбрать файл с вашего устройства.
Инструмент мгновенно кодирует изображение в вашем браузере и отображает размеры оригинального и закодированного файла.
Выберите формат копирования: сырой Base64 data URI, правило CSS background-image или HTML img tag.
Нажмите кнопку Копировать, чтобы скопировать закодированную строку в буфер обмена, готовую вставить в ваш код.

Частые вопросы

Что такое Base64 data URI?: Base64 data URI кодирует содержимое двоичного файла в виде текста в формате data:[mime];base64,[encoded], позволяя встраивать изображения напрямую в HTML, CSS или JSON без отдельного запроса файла.
Загружается ли моё изображение на сервер?: Нет. Кодирование использует API FileReader браузера и выполняется полностью на вашем устройстве. Ваше изображение никогда не покидает браузер.
Почему выход Base64 выглядит намного больше, чем оригинальное изображение?: Кодирование Base64 увеличивает двоичные данные примерно на 33 %, потому что он представляет каждые 3 байта как 4 символа ASCII. Это нормально и ожидаемо.
Какие форматы изображений можно конвертировать в Base64?: Любые изображения, которые может прочитать ваш браузер: PNG, JPEG, WebP, GIF, SVG, BMP, AVIF и другие. MIME-тип автоматически определяется из файла.
Когда я должен использовать изображения Base64 вместо обычных файлов изображений?: Base64 идеален для небольших значков или логотипов, встроенных в одиночный HTML-файл электронной почты, встроенный CSS или грузовой JSON-API, — в местах, где отдельный HTTP-запрос добавит задержку или запрещен. Для больших изображений более эффективен обычный URL-файл.
Загружает ли этот инструмент мои данные?: Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.