Превью
Как конвертировать SVG в WebP
Конвертер SVG в WebP
Инструмент растрирует SVG в WebP - современный формат с сильным сжатием и поддержкой прозрачности. Вы вставляете код, задаете масштаб и качество, а на выходе получаете компактную картинку.
Главный смысл WebP - вес. При том же виде файл получается легче PNG и JPG, поэтому его берут для сайтов, интернет-магазинов и превью, где скорость загрузки важна.
WebP на фоне PNG и JPG
| Формат | Прозрачность | Вес | Где уместен |
|---|---|---|---|
| WebP | есть | наименьший | сайты, магазины, превью |
| PNG | есть | больше | иконки, скриншоты, старые системы |
| JPG | нет | малый на фото | фото, документы, письма |
Когда SVG лучше не растрировать
Если изображение можно оставить вектором - иконка, логотип, схема, - разумнее так и сделать: SVG тянется на любой размер без потерь. WebP нужен, когда площадка или разметка ждет именно растр.
Как перевести SVG в WebP
-
Вставьте код SVG
Скопируйте разметку векторного изображения в поле с подписью "Вставьте SVG...".
-
Настройте масштаб и качество
Ползунком "Масштаб" задайте размер растра, "Качеством" - степень сжатия. Прозрачность WebP сохраняет сам, фон задавать не нужно.
-
Проверьте превью
В предпросмотре появится результат, а рядом - размер в пикселях и итоговый вес, который у WebP заметно меньше.
-
Скачайте WebP
Нажмите "Скачать WebP" - готовый файл сохранится на устройство.
Частые вопросы
Да, альфа-канал сохраняется, подставлять фон не нужно - в отличие от JPG прозрачные участки останутся прозрачными.
Ползунок "Масштаб" задает пиксельный размер от viewBox, "Качество" - степень сжатия. 80-90% обычно дают лучший баланс веса и вида.
Если позволяет задача, логотип лучше оставить в SVG - он тянется без потерь. WebP берут, когда нужен именно растр, например превью для соцсетей.