Как преобразовать изображение в data URI в формате Base64?

Перетащите или выберите изображение на странице Base64 в img-tools, чтобы мгновенно получить его data: URI в формате Base64, затем нажмите «Копировать», чтобы вставить его в ваш CSS или HTML. Чтобы выполнить обратное преобразование, вставьте строку data:image/...;base64,... в поле декодирования и нажмите «Декодировать и скачать», чтобы сохранить файл. Это бесплатно и работает целиком в вашем браузере с использованием Canvas, поэтому изображения никогда не загружаются на сервер.

Загружаются ли файлы на сервер?

Нет. И кодирование, и декодирование происходят полностью в браузере; ваши файлы никогда не покидают устройство.

Что такое data URI?

data: URI встраивает файл как текст (base64), поэтому вы можете поместить изображение прямо в CSS или HTML без отдельного запроса.

Когда стоит встраивать изображение как base64?

Для маленьких изображений (иконки, крошечные фоны), чтобы сэкономить запрос. Большие изображения лучше как обычные файлы — base64 примерно на 33 % больше двоичных данных.

Можно ли декодировать data URI обратно в файл?

Да. Вставьте data: URI и нажмите «Декодировать и скачать»; исходные байты восстанавливаются локально.

Бесплатно ли кодировать изображения в Base64 и декодировать data URI?

Да, кодирование изображений в Base64 data URI и декодирование data URI обратно в файлы абсолютно бесплатно — навсегда, без аккаунта и без скрытых платежей. Оба направления преобразования выполняются целиком в вашем браузере, поэтому ваши файлы никогда не отправляются на сервер и нет ограничений на количество конвертаций. Сайт существует за счёт рекламы.

Работает ли он офлайн?

Да. Инструмент работает локально через браузерные API и не требует подключения к серверу.

Изображение ⇄ Base64 Data URI

Это бесплатный браузерный инструмент для преобразования изображения в base64 data: URI (для встраивания в CSS/HTML) и декодирования data: URI обратно в скачиваемый файл. Всё работает на вашем устройстве; ваши файлы никогда не загружаются.

Кодируйте изображения в base64 и декодируйте data URI — бесплатно, без загрузки на сервер.

100% бесплатно — навсегда. Никаких платежей.
Конфиденциально: файлы обрабатываются локально в вашем браузере и никогда не отправляются на сервер.
Без загрузки, без аккаунта, без регистрации.

Откройте инструмент
Перейдите на страницу Base64 / Data URI. Без регистрации, установки и загрузки на сервер.
Закодируйте изображение
Перетащите или выберите изображение, чтобы получить его base64 data: URI, затем нажмите «Копировать» для использования в CSS или HTML.
Или декодируйте data URI
Вставьте строку data:image/...;base64,... в поле декодирования.
Скачайте файл
Нажмите «Декодировать и скачать», чтобы сохранить декодированное изображение (и увидеть предпросмотр).

Как преобразовать изображение в data URI в формате Base64?: Перетащите или выберите изображение на странице Base64 в img-tools, чтобы мгновенно получить его data: URI в формате Base64, затем нажмите «Копировать», чтобы вставить его в ваш CSS или HTML. Чтобы выполнить обратное преобразование, вставьте строку data:image/...;base64,... в поле декодирования и нажмите «Декодировать и скачать», чтобы сохранить файл. Это бесплатно и работает целиком в вашем браузере с использованием Canvas, поэтому изображения никогда не загружаются на сервер.
Загружаются ли файлы на сервер?: Нет. И кодирование, и декодирование происходят полностью в браузере; ваши файлы никогда не покидают устройство.
Что такое data URI?: data: URI встраивает файл как текст (base64), поэтому вы можете поместить изображение прямо в CSS или HTML без отдельного запроса.
Когда стоит встраивать изображение как base64?: Для маленьких изображений (иконки, крошечные фоны), чтобы сэкономить запрос. Большие изображения лучше как обычные файлы — base64 примерно на 33 % больше двоичных данных.
Можно ли декодировать data URI обратно в файл?: Да. Вставьте data: URI и нажмите «Декодировать и скачать»; исходные байты восстанавливаются локально.
Бесплатно ли кодировать изображения в Base64 и декодировать data URI?: Да, кодирование изображений в Base64 data URI и декодирование data URI обратно в файлы абсолютно бесплатно — навсегда, без аккаунта и без скрытых платежей. Оба направления преобразования выполняются целиком в вашем браузере, поэтому ваши файлы никогда не отправляются на сервер и нет ограничений на количество конвертаций. Сайт существует за счёт рекламы.
Работает ли он офлайн?: Да. Инструмент работает локально через браузерные API и не требует подключения к серверу.

data: URI (RFC 2397) встраивает содержимое файла как текст; с ;base64 полезная нагрузка закодирована в base64.
Кодирование Base64 представляет 3 байта как 4 ASCII-символа, делая текст примерно на 33 % больше исходных двоичных данных.
Встраивание маленьких изображений как data URI убирает HTTP-запрос, что может ускорить первую отрисовку для крошечных ресурсов.
Кодирование локально оставляет файл на вашем устройстве — без загрузки, и работает офлайн.
Base64 использует алфавит из 64 символов (A–Z, a–z, 0–9, +, /) с заполнением =.

🧬 Изображение ⇄ Base64 Data URI

Изображение ⇄ Base64 Data URI