Изображения в Base64 и Data URL
Выберите PNG, JPG, SVG, WebP или GIF до 5 МБ и получите Data URL, строку Base64, CSS background-image и тег HTML img. Предпросмотр помогает проверить файл. Преобразование выполняется в браузере без загрузки изображения на сервер.
Встраивание небольших изображений в CSS, HTML и Markdown
Встраивайте небольшие значки, индикаторы загрузки и изображения в шаблоны, Markdown или конфигурацию, когда нужно избежать отдельного запроса. Совместимость почтовых клиентов и целевой системы проверяйте отдельно.
Объём Base64 и кэширование
Base64 увеличивает объём примерно на 33%, а встроенное изображение нельзя кэшировать отдельно. Обычно так используют маленькие значки, ориентировочно до 10 КБ; большие изображения утяжеляют страницу. SVG часто удобнее вставлять разметкой. Инструмент не сжимает и не изменяет картинку — при необходимости сначала используйте компрессор.