Как использовать
- Перетащите изображение PNG, JPG, SVG, WebP или GIF в область загрузки или нажмите, чтобы выбрать файлы.
- Проверьте предварительный просмотр изображения, MIME-тип, исходный размер и размер полученного Data URI.
- Скопируйте полный Data URI, чистую строку Base64, фрагмент CSS
background-imageили HTML<img>. - Вставьте код в CSS, HTML, шаблон электронной почты или конфигурацию JSON.
Пример: нажмите «Загрузить пример SVG», чтобы сгенерировать локальную SVG-иконку в виде Data URI, а затем скопируйте фрагмент CSS или HTML.
Основные функции
- Мгновенное создание Data URI: Перетащите изображение и сгенерируйте URI
data:image/...;base64,...прямо в вашем браузере. - Готовые сниппеты CSS и HTML: Копируйте фрагменты CSS
background-imageили HTML<img>, не прописывая префикс Data URI вручную. - Поддержка веб-форматов изображений: Работает с PNG, JPG, SVG, WebP, GIF, AVIF и другими форматами изображений, которые может прочитать ваш браузер.
- Пакетная обработка: Загрузите сразу несколько иконок, элементов для email или UI и скопируйте нужный сниппет для каждого файла.
- 100% приватная обработка: Изображения считываются локально с помощью встроенного в браузер API
FileReader. Ничего не отправляется на сервер.
Похожие инструменты
Калькулятор FIRE 2026 с поправкой на инфляцию. Смоделируйте реальную покупательную способность, проанализируйте нехватку пенсионных накоплений и создайте визуальный план роста благосостояния. Экспорт в CSV в один клик для финансовых дашбордов в Excel или Notion. 100% конфиденциально, локальные вычисления.
Рассчитайте размер торговой позиции на основе баланса счета, процента риска, цены входа и стоп-лосса. Работает локально в браузере, позволяет сравнивать сценарии риска перед открытием сделки.
Рассчитайте сложный процент на основе начального капитала, регулярных пополнений, годовой доходности и срока инвестирования. Визуализируйте капитал, проценты и итоговый баланс с помощью локального интерактивного графика.
Используйте этот калькулятор кредитов и ипотеки, чтобы локально оценить ежемесячный платеж, общую сумму процентов и график платежей. Введите сумму, ставку и срок для мгновенного расчета с графиками.
Используйте калькулятор инвестиций и ROI для локального расчета начального капитала, ежемесячных пополнений, годовой доходности и результатов с учетом инфляции. Визуализируйте ожидаемую доходность с помощью графика сложного процента.
Используйте этот калькулятор APR в APY для локального перевода между APR и APY. Введите ставку, выберите частоту капитализации и мгновенно узнайте эффективную процентную ставку, разницу и сравнение частот.
Используйте этот калькулятор маржи для расчета валовой прибыли, наценки, маржи и цены продажи локально. Введите себестоимость и цену или себестоимость и целевую маржу, чтобы мгновенно рассчитать показатели.
Используйте этот калькулятор CPM и CPC для локальной оценки затрат на рекламу, показов, кликов, CPM, CPC и CTR. Введите бюджет и целевые расходы для мгновенного планирования сценариев кампании.
Логика расчёта
Кодирование Base64 преобразует двоичные данные изображения в строку ASCII, что позволяет встраивать изображения непосредственно в HTML, CSS или JSON. Data URI имеет формат data:[mime-type];base64,[encoded-data], и браузеры могут читать его как ресурс изображения.
Важный компромисс: Base64 — это не сжатие изображений. Закодированный результат обычно примерно на 33% больше исходного файла, поэтому он лучше всего подходит для небольших иконок, логотипов, изображений для электронной почты или для сокращения небольшого числа HTTP-запросов. Большие фотографии и множество файлов следует оставлять в виде обычных файлов изображений и сжимать их отдельно.
Часто задаваемые вопросы
Зачем конвертировать изображение в Base64?
Это полезно, когда вы хотите встроить небольшие иконки, изображения для email или конфигурационные изображения прямо в код, чтобы сократить внешние запросы или избежать блокировки удаленных изображений в почтовых клиентах.
Уменьшает ли Base64 размер изображения?
Нет. Кодирование Base64 обычно увеличивает размер примерно на 33%. Оно помогает при внедрении и сокращении числа запросов, а не при экономии места.
Какие форматы изображений поддерживаются?
PNG, JPG, JPEG, SVG, WebP, GIF, AVIF и любые другие форматы, которые может прочитать ваш браузер.
Загружаются ли мои изображения на сервер?
Нет. Конвертация использует нативный API браузера FileReader.readAsDataURL, поэтому файлы остаются на вашем устройстве.
Могу ли я скопировать CSS или HTML напрямую?
Да. Для каждого изображения создается полный Data URI, чистая строка Base64, фрагмент CSS background-image и HTML <img>.