В каком размере SVG растеризуется в WebP?

Вектор рендерится в пиксельные размеры, заданные в атрибутах width, height или viewBox у SVG. Так как у SVG нет собственного разрешения, выбирайте размер с запасом под самое крупное место показа ещё до конвертации. Обычно берут ширину в 2–3 раза больше, чем место показа, чтобы иконка оставалась резкой на дисплеях с высокой плотностью пикселей.

Почему WebP, а не PNG, для растеризованного SVG?

WebP сохраняет прозрачность вашего SVG так же, как PNG, но даёт заметно меньший файл, что ускоряет загрузку страницы для иконок, логотипов и иллюстраций на сайте.

WebP будет с потерями или без?

Растеризованную плоскую векторную графику лучше сохранять в WebP без потерь, чтобы края оставались чёткими; WebP с потерями уменьшает файл ещё сильнее, но может добавить лёгкие ореолы у резких линий — на логотипах это заметнее, чем на фото. Если сомневаетесь, оставляйте формат без потерь для логотипов и иконок, где резкость краёв важнее всего.

Во всех ли браузерах откроется WebP?

Все актуальные версии Chrome, Edge, Firefox и Safari поддерживают WebP. Не поддерживают лишь очень старые браузеры, поэтому при необходимости задайте PNG-фолбэк через элемент picture.

Останутся ли шрифты из SVG правильными?

Шрифты, не встроенные в файл, могут замениться при рендеринге. Переведите текст в кривые в редакторе перед экспортом, чтобы WebP показал ровно те начертания, что вы задумали. Это надёжнее, чем полагаться на наличие нужного шрифта на сервере конвертации.

Сохранятся ли CSS-анимации или скрипты из SVG?

Нет. При конвертации получается один статичный кадр, поэтому SMIL-анимация, CSS-переходы и JavaScript внутри SVG не переносятся в WebP.

Можно ли конвертировать сразу несколько файлов SVG в WebP?

Да. Добавьте пакет SVG-иконок — каждая растрируется в свой WebP, так что весь набор иконок для сайта можно подготовить за один раз. Ничего не объединяется — на каждый исходный файл получается свой отдельный WebP.

Конвертировать SVG в WEBP онлайн

Растрируйте векторный SVG в компактный WebP для быстрых сайтов и приложений без поддержки SVG.

или перетащите их сюда · изображения, видео, аудио и документы · до 2 ГБ

Как конвертировать SVG в WEBP

Нажмите «Выберите файлы» и выберите файл SVG или перетащите его на страницу.
Убедитесь, что в качестве целевого формата выбран WEBP.
Нажмите «Конвертировать» и подождите несколько секунд.
Скачайте готовый файл WEBP.

Почему Converters.live?

Бесплатно и без ограничений — конвертируйте сколько угодно изображений SVG в WEBP, по одному или пакетом.
Файлы до 2 ГБ, разрешение и цвет сохраняются при конвертации SVG в WEBP.
Ваши фото удаляются с сервера сразу после конвертации — ничего не сохраняется.

Частые вопросы

В каком размере SVG растеризуется в WebP?: Вектор рендерится в пиксельные размеры, заданные в атрибутах width, height или viewBox у SVG. Так как у SVG нет собственного разрешения, выбирайте размер с запасом под самое крупное место показа ещё до конвертации. Обычно берут ширину в 2–3 раза больше, чем место показа, чтобы иконка оставалась резкой на дисплеях с высокой плотностью пикселей.
Почему WebP, а не PNG, для растеризованного SVG?: WebP сохраняет прозрачность вашего SVG так же, как PNG, но даёт заметно меньший файл, что ускоряет загрузку страницы для иконок, логотипов и иллюстраций на сайте.
WebP будет с потерями или без?: Растеризованную плоскую векторную графику лучше сохранять в WebP без потерь, чтобы края оставались чёткими; WebP с потерями уменьшает файл ещё сильнее, но может добавить лёгкие ореолы у резких линий — на логотипах это заметнее, чем на фото. Если сомневаетесь, оставляйте формат без потерь для логотипов и иконок, где резкость краёв важнее всего.
Во всех ли браузерах откроется WebP?: Все актуальные версии Chrome, Edge, Firefox и Safari поддерживают WebP. Не поддерживают лишь очень старые браузеры, поэтому при необходимости задайте PNG-фолбэк через элемент picture.
Останутся ли шрифты из SVG правильными?: Шрифты, не встроенные в файл, могут замениться при рендеринге. Переведите текст в кривые в редакторе перед экспортом, чтобы WebP показал ровно те начертания, что вы задумали. Это надёжнее, чем полагаться на наличие нужного шрифта на сервере конвертации.
Сохранятся ли CSS-анимации или скрипты из SVG?: Нет. При конвертации получается один статичный кадр, поэтому SMIL-анимация, CSS-переходы и JavaScript внутри SVG не переносятся в WebP.
Можно ли конвертировать сразу несколько файлов SVG в WebP?: Да. Добавьте пакет SVG-иконок — каждая растрируется в свой WebP, так что весь набор иконок для сайта можно подготовить за один раз. Ничего не объединяется — на каждый исходный файл получается свой отдельный WebP.

О форматах SVG и WEBP

Что важно знать перед конвертацией SVG в WEBP:

SVG

SVG — векторная графика в XML: логотипы и иконки масштабируются без потери качества. Браузеры рендерят его нативно; растровым редакторам и многим приложениям нужна версия в PNG.

WEBP

WebP — веб-формат от Google: на 25-35% меньше JPG при том же качестве, с поддержкой прозрачности и анимации. Все современные браузеры его показывают; часть старых программ — нет.

Конвертировать SVG в WEBP онлайн

Как конвертировать SVG в WEBP

Почему Converters.live?

Частые вопросы

О форматах SVG и WEBP

Похожие конвертации