Кодировщик изображений Base64
С помощью бесплатного инструмента кодирования изображений Base64 вы сможете оптимизировать свои изображения и конвертировать jpg/png/gif/webp/svg/bmp в base64 онлайн.
Loading...
Функции
- Легко загрузить локальное изображение
- Принимает удаленный URL-адрес изображения
- Поддерживает .jpg, .jpeg, .png, .gif, .webp, .svg и .bmp
- Поддерживает множество форматов: Data URI, фоновое изображение CSS, изображение HTML и другие.
- Создает готовые примеры, которые легко использовать
- 100% бесплатный инструмент для работы с изображениями
Важные советы
- Размер загружаемого изображения до 10 МБ
- URL-адрес удаленного изображения должен начинаться с http:// или https://
- Тип изображения должен быть .jpg, .jpeg, .png, .gif, .webp, .svg и .bmp.
Почему кодировка Base64?
Изображения в кодировке Base64 можно встраивать с помощью тегов img или CSS, ускоряя время загрузки небольших изображений, предотвращая дополнительные HTTP-запросы. Это можно сделать для создания однофайловых макетов или демонстрационных страниц для ваших клиентов, подписей электронной почты HTML, которые не будут вызывать неприятное предупреждение «показать изображения» в почтовых клиентах и т. д.Как использовать BASE64 в качестве источника изображения или фонового изображения CSS?
Для источников изображений ваш HTML-код должен выглядеть следующим образом:
Для CSS Background ваш CSS-код должен выглядеть следующим образом:
.мой-класс {
фон: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}
фон: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}