Конвертировать SVG в WebP
WebP даёт самую лёгкую растровую копию векторной графики, которая всё ещё сохраняет прозрачность — удобно для карточек соцсетей, миниатюр наборов иконок и сайтов, где SVG плохо отрисовывается или блокируется из соображений безопасности. Отрисуйте в 2× для обычного интерфейса; плоские цвета вектора сжимаются превосходно.
Также пригодится: Конвертировать SVG в PNG
Как это работает
Перетащите SVG — рендерер растеризует их локально из заявленных размеров.
Задайте масштаб (1–4×, по умолчанию 2×) для разрешения на выходе и оставьте качество около 85; плоские цвета вектора там сжимаются отлично.
Заберите каждый WebP по отдельности или весь набор одним ZIP — с сохранённой альфой.
SVG vs WebP
Отрисованный WebP отказывается от всего, что делает SVG особенным — масштабируемости, чистых краёв на любом зуме, редактируемого текста — ради одного: он грузится там, где SVG под запретом. Карточки соцсетей, маркетплейсы и почтовые клиенты — как раз такое место. Ваш собственный сайт всё же должен отдавать вектор.
| SVG | WebP | |
|---|---|---|
| Сжатие | Векторный (XML-текст) | С потерями или без |
| Прозрачность | Да (полный альфа-канал) | Да (полный альфа-канал) |
| Анимация | Да (CSS/SMIL) | Да |
| Поддержка | Все браузеры; многие формы загрузки его отклоняют | Все актуальные браузеры (с 2020 года) |
| Лучше всего для | Логотипы, иконки, иллюстрации | Изображения для сайтов: фото, миниатюры, интерфейсы |
Частые вопросы
Нет — ради этого сайт и создавался. Конвертация целиком выполняется в вашем браузере через WebAssembly: файлы не покидают устройство, и никакой сервер в процессе не участвует. После загрузки страницы инструмент работает даже без интернета, а ограничение на размер файлов — только память вашего устройства.
SVG — векторный формат: у него нет фиксированного размера в пикселях, поэтому разрешение результата выбираете вы. Масштаб умножает заявленный размер SVG: иконка 100×100 при экспорте в 3× превращается в изображение 300×300. Отрисовка идёт из векторов, так что любой масштаб получается идеально чётким — сразу выбирайте размер под задачу, вместо того чтобы увеличивать картинку потом.
Для вашего собственного сайта SVG обычно и правда идеален. Растровая копия — для всего остального: карточек соцсетей, маркетплейсов, почтовых клиентов и систем, которые вырезают или блокируют SVG (он может содержать скрипты, поэтому многие площадки отвергают его сразу). WebP — компактная и безопасная замена.
Да — у WebP полноценная 8-битная альфа, поэтому мягкие тени и сглаженные края векторной отрисовки уцелеют нетронутыми. Вместе с малым весом это лучшая растровая замена для прозрачной векторной графики.
На страницах, которые вы контролируете, отдавайте SVG: на простой графике он весит меньше, чёток при любом зуме и стилизуется через CSS. WebP отдавайте там, где SVG заблокирован или рискован — пользовательский контент, почта, карточки соцсетей, маркетплейсы, — потому что SVG может нести скрипты и многие площадки вырезают его на входе.
Две. Если графику потом будут редактировать или увеличивать, экспортируйте через Конвертировать SVG в PNG — WebP на качестве 85 запекает тонкую потерю, которую будущий редактор уже не отменит. И если файл идёт в печать или в офисные программы, там не рады ни WebP, ни SVG; этим цепочкам нужен JPG или PNG. WebP — для пикселей, которые покажут в браузере, и не более того.
Похожие инструменты
Конвертировать SVG в PNG
Конвертируйте SVG в PNG в браузере — бесплатно, приватно, без загрузки файлов. Масштаб от 1 до 4× даёт чёткие иконки и логотипы любого размера, с прозрачностью.
Конвертировать SVG в AVIF
Конвертируйте SVG в AVIF в браузере — бесплатно, приватно, без загрузки. Вектор растрируется в масштабе 1–4× в минимальный AVIF с сохранением альфа.
Конвертировать PNG в WebP
Конвертируйте PNG в WebP прямо в браузере — бесплатно, без загрузки файлов и регистрации. Альфа-прозрачность сохраняется, вес падает на 60–90%.
Конвертировать SVG в ICO (фавиконка)
Конвертируйте SVG в ICO в браузере — бесплатно и без загрузки на сервер. Лучший исходник для фавиконки: векторы выходят чёткими на 48, 32 и даже 16 px.