Как конвертировать SVG в WEBP
- Добавьте ваш файл .SVG - перетащите его в поле выше или нажмите, чтобы выбрать.
- Конвертируйте его в .WEBP за несколько секунд.
- Скачайте ваш новый файл .WEBP.
Чего ожидать
- SVG не зависит от разрешения; WebP - зависит. Установите целевые размеры в пикселях перед конвертацией, так как результат нельзя будет чисто масштабировать вверх.
- WebP поддерживает прозрачность: альфа-канал
SVGсохраняется, если вы избегаете использованияJPGв качестве промежуточного этапа. - Текст, градиенты, стили CSS и анимации при экспорте превращаются в пиксели - итоговый
.webpявляется статичным изображением без интерактивных элементов.
Часто задаваемые вопросы
Сохранит ли WebP прозрачный фон из SVG?
Да - WebP поддерживает альфа-канал, поэтому прозрачность переносится. Избегайте конвертации через
JPG как промежуточный шаг, так как это удаляет альфа-канал.Какой размер в пикселях мне использовать?
Используйте самый большой размер, который действительно необходим вашему макету. Для дисплеев retina общепринятым правилом является экспорт в размере, в 2 раза превышающем ширину отображения CSS.
Будет ли результат выглядеть идентично SVG?
Обычно очень близко, но сложные функции, такие как фильтры SVG или смешанный текст, могут отображаться по-разному в зависимости от используемого инструмента.
Можно ли конвертировать анимацию SVG в анимированный WebP?
Напрямую нет - эти методы создают один статический кадр. Конвертация анимации SVG в анимированный
.webp требует покадрового рендеринга и не является простой задачей.
