Перейти к содержимому
patrache.tools

Изображение ↔ Base64

Конвертация изображений в строку Base64 и обратно. Поддержка PNG, JPG, WebP, GIF. Обработка в браузере.

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

lockФайлы не отправляются на сервер
Поделиться
Встроить

Встройте этот инструмент на свой сайт

Конвертируйте изображение в строку Base64 и обратно бесплатно. Готовый data URI для CSS и HTML, всё считается прямо в браузере.

Как использовать Изображение ↔ Base64?

  1. Выберите режим «Изображение → Base64» или «Base64 → Изображение».
  2. Загрузите изображение или вставьте строку Base64.
  3. Скопируйте или скачайте результат.

Часто задаваемые вопросы о Изображение ↔ Base64

Где используется кодирование Base64?

Оно используется для вложений в электронную почту, встроенных фоновых изображений в CSS, передачи данных через API и многого другого.

Увеличивает ли кодирование Base64 размер файла?

Да: каждые три байта превращаются в четыре символа, поэтому объём растёт примерно на 33 %. Для иконок и картинок в 1-2 КБ это оправданно, ведь экономится HTTP-запрос, но встраивание фотографии в несколько сотен КБ раздувает HTML и полностью лишает браузерного кеширования.

Можно ли превратить строку Base64 обратно в файл изображения?

Да — переключитесь в режим декодирования, вставьте строку и скачайте восстановленное изображение. Префикс `data:image/png;base64,` можно оставить, а если его нет, достаточно выбрать выходной формат.

Уместен ли Base64 для подписей в почте или в CSS?

В CSS это удобно для мелких иконок и паттернов, поскольку убирает лишние запросы. Для почтовых подписей вариант плохой: Gmail и Outlook часто блокируют изображения в data-URI, надёжнее разместить файл на сервере и дать ссылку.

Советы по эффективному использованию Изображение ↔ Base64

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

Powered by Patrache Studio Tools

Разрешите рекламу на этом сайте

Чтобы пользоваться инструментами, разрешите рекламу на этом сайте. Доход от рекламы позволяет сохранять сервис бесплатным.

Откройте блокировщик, отключите его для этого сайта и проверьте снова.