Нажмите Ctrl+D, чтобы добавить страницу в закладки
Конвертируйте изображение в строку Base64 и обратно бесплатно. Готовый data URI для CSS и HTML, всё считается прямо в браузере.
Как использовать Изображение ↔ Base64?
Выберите режим «Изображение → Base64» или «Base64 → Изображение».
Загрузите изображение или вставьте строку Base64.
Скопируйте или скачайте результат.
Часто задаваемые вопросы о Изображение ↔ 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.