Конвертер SVG в WebP Online
Конвертируйте векторную графику SVG в растровые изображения WebP. Идеально для email-рассылок, социальных сетей и Open Graph. Бесплатно, в браузере.
.webp, .png, .jpg · до 50 МБ
Основные сценарии использования
SVG в WebP: от вектора к вебу за секунды
Open Graph и Twitter Cards
Генерируйте ассеты og:image размером 1200×630 пкс из вашего SVG-дизайна для идеальных превью в Facebook, Twitter/X и LinkedIn.
Совместимые HTML-письма
Почтовые клиенты не рендерят SVG. Конвертируйте логотипы и иллюстрации в WebP для максимальной совместимости.
Установка не нужна
Онлайн-альтернатива экспорту из Figma, Illustrator или Sketch. Без плагинов, без аккаунтов, без ограничений.
Пользовательское разрешение
Выбирайте точный размер в пикселях, который вам нужен. Идеально для баннеров, фавиконов и миниатюр.
Как это работает
Три шага — никаких сложностей
Загрузите файл SVG
Перетащите или выберите SVG, экспортированный из Figma, Illustrator, Sketch или любого векторного редактора.
Выберите разрешение и качество
Укажите выходной размер в пикселях. Для Open Graph (og:image) стандарт — 1200×630 пкс.
Скачайте WebP
Получите растровое изображение WebP, готовое для использования в HTML-письмах, Twitter/X Cards, Facebook og:image или любой платформе, не поддерживающей встроенный SVG.
FAQ
Остались вопросы?
SVG — это векторный формат (математически определённый, бесконечно масштабируемый без потерь), тогда как WebP — растровый (на основе пикселей). Конвертация включает растеризацию вектора на пиксельную сетку. Математическая точность вектора не теряется — просто фиксируется разрешение. При рендеринге в 2000×2000 пкс или выше воспринимаемое качество будет отличным на любом экране. Сжатие WebP применяет кодирование с потерями, но при качестве 90% разница с исходным SVG невидима на экране — заметна только при экстремальном увеличении на уровне пикселей.
Почтовые клиенты (Gmail, Outlook, Apple Mail, Yahoo Mail) не рендерят встроенный SVG по соображениям безопасности: SVG может содержать JavaScript, внешние скрипты и другие векторы XSS-атак. Это ограничение задокументировано в руководствах по HTML-письмам Litmus и Campaign Monitor с 2016 года. Для писем единственный универсально совместимый вариант — растровые изображения (PNG, JPG или WebP). Конвертация логотипа или иллюстрации SVG в WebP является правильным рабочим процессом для шаблонов HTML-писем.
Рекомендуемые размеры на 2025 год: og:image для Facebook и Twitter/X Card — 1200×630 пкс (соотношение 1,91:1); общее изображение LinkedIn — 1200×627 пкс; лента Instagram — 1080×1080 пкс (квадрат) или 1080×1350 пкс (портрет); Pinterest — 1000×1500 пкс (соотношение 2:3). Для фавиконов используйте 32×32 или 64×64 пкс. Для баннеров email стандартная ширина — 600 пкс. Экспорт SVG в точном целевом разрешении гарантирует, что платформы не будут масштабировать изображение, что может вносить артефакты интерполяции.
SVG превосходит в контекстах, требующих бесконечного масштабирования и минимального размера файла: логотипы на сайтах (с тегом img или встроенные), иконки пользовательского интерфейса, интерактивные иллюстрации с CSS/JavaScript и карты. Для всех этих случаев SVG — правильный выбор. Конвертация в WebP имеет смысл, когда место назначения не поддерживает SVG (письма, большинство социальных платформ, базовые WYSIWYG-редакторы) или когда нужен предсказуемый, фиксированный размер файла.
Да. WebP поддерживает полный альфа-канал прозрачности, эквивалентный альфа-каналу PNG. Если ваш SVG имеет прозрачный фон (нет элемента background rect или fill="none"), результирующий WebP сохранит эту прозрачность. Это особенно полезно для логотипов и элементов UI, которые нужно компоновать поверх разных фонов в письмах или презентациях. В отличие от JPG (который не поддерживает прозрачность и заполняет белым), WebP сохраняет альфа-информацию.
Конвертер рендерит SVG с помощью движка рендеринга браузера (того же движка, который Chrome или Firefox используют для отображения SVG на веб-страницах). Системные шрифты доступны. Однако шрифты, загруженные через @font-face с внешних URL, могут быть недоступны, если сервер имеет ограничения CORS или если URL указывают на ресурсы третьих сторон. Для гарантии корректного рендеринга шрифтов наиболее надёжный подход — конвертировать текст в контуры (пути) в Figma или Illustrator перед экспортом SVG.
Конвертировать SVG в WebP: от векторного дизайна к оптимизированному веб-изображению
SVG (Scalable Vector Graphics) — это векторный формат изображений на основе XML, стандартизированный W3C в спецификации SVG 1.1 (второе издание, август 2011 года), при этом SVG 2 в настоящее время находится в разработке. Векторная графика идеальна для логотипов, иконок и иллюстраций, поскольку масштабируется до любого разрешения без потери качества, а файлы относительно небольшие для геометрической графики. Однако SVG имеет важные ограничения в современной веб-экосистеме: почтовые клиенты (Gmail, Outlook, Yahoo Mail) блокируют SVG по соображениям безопасности примерно с 2016 года; платформы социальных сетей не принимают SVG для изображений профиля, обложек или мета-тегов og:image; и многие системы управления контентом, редакторы форматированного текста и e-commerce-платформы не разрешают загрузку SVG. WebP, веб-формат изображений Google (спецификация опубликована в 2010 году, основана на VP8), решает все эти потребности: он растровый (совместим с любой системой), поддерживает прозрачность (альфа-канал) и достигает 97% совместимости браузеров в 2025 году.
Рабочий процесс SVG→WebP особенно актуален для дизайн-команд, работающих с Figma, Adobe Illustrator или Sketch. Эти команды экспортируют ассеты в SVG для сохранения векторного качества в процессе дизайна, но нуждаются в растровых форматах для финальной доставки по нескольким каналам. Традиционной альтернативой был экспорт в PNG (без потерь, но большие файлы) или JPG (с потерями и без прозрачности). WebP предлагает лучшее из двух форматов: сжатие с потерями на 25–34% лучше, чем JPEG (с альфа-каналом при необходимости), или сжатие без потерь с файлами меньшими, чем PNG. Для мета-тегов og:image (Open Graph, спецификация Facebook, опубликованная в 2010 году и повсеместно принятая) рекомендуемый размер — 1200×630 пкс; генерация этого ассета непосредственно из дизайна SVG Figma гарантирует максимальное качество и точный контроль компоновки.
Технически конвертация SVG в WebP в браузере использует HTML5 Canvas API (стандартизирован W3C в спецификации HTML5 2014 года): SVG рендерится на элемент canvas в желаемом разрешении с помощью drawImage(), затем canvas сериализуется в WebP через toBlob() с MIME-типом image/webp. Этот процесс использует нативный движок рендеринга браузера — тот же движок, который рендерит SVG на веб-страницах — гарантируя полную визуальную точность и совместимость со всеми возможностями SVG 1.1, поддерживаемыми браузером. Ограничения те же, что и у браузера: SVG со скриптами, внешними шрифтами с ограничениями CORS или очень сложными SVG-фильтрами могут рендериться иначе, чем ожидается. Для простых SVG (логотипы, иконки, плоские иллюстрации) точность воспроизведения совершенна. Convertir.ai выполняет весь процесс локально, не отправляя SVG ни на какой сервер.