Конвертер WebP в SVG
WebP состоит из пикселей, а SVG — из фигур, поэтому перевести одно в другое без потерь нельзя. Здесь ваш WebP трассируется в настоящие векторные контуры, которые можно масштабировать, перекрашивать и вырезать. Лучше всего это работает с логотипами, иконками и плоскими иллюстрациями.
Изображение в SVG
или перетащите сюда файлы JPG, JPEG, JFIF … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
Большее значение сохраняет мелкие точки и тонкую текстуру; меньшее убирает фигуры размером в несколько пикселей и очищает шум.
Большее значение сглаживает зубчатые края у исходников низкого разрешения или JPG; меньшее сохраняет острые углы.
Плавные кривые — для большинства изображений, прямые отрезки — для геометрических логотипов, пиксельные края — чтобы пиксель-арт остался ступенчатым.
Только для PDF: какие страницы преобразовать, например 1 или 1-3, 5. Каждая страница станет отдельным файлом.
Как пользоваться инструментом
- 1
Загрузите WebP
Добавьте логотип, значок или стикер, сохранённый с сайта: до 20 файлов по 95 MB каждый. Чем крупнее и чище исходное изображение, тем точнее трассировка.
- 2
Задайте количество цветов
Значение Количество цветов по умолчанию равно 12, для большинства логотипов этого достаточно. Уменьшите его для двухцветного знака или выберите в поле Цветовой режим вариант Чёрно-белый, чтобы получить одноцветный файл для резки.
- 3
Векторизуйте в SVG
Нажмите Векторизовать в SVG и скачайте файлы. Откройте их в Inkscape, Illustrator, Figma или Cricut Design Space и проверьте контуры.
Можно ли на самом деле конвертировать WebP в SVG?
Только трассировкой. WebP хранит пиксели, SVG хранит фигуры. Этот инструмент перерисовывает цвета вашего WebP векторными контурами; всё, что просто переименовывает файл или встраивает растр, даёт SVG, который при увеличении всё равно размывается.
Конвертировать WebP в SVG: трассировка или встраивание
WebP, выпущенный Google в 2010 году, — растровый формат: сетка цветных пикселей, сжатая для быстрой загрузки в вебе. SVG, стандарт W3C с 2001 года, описывает линии, кривые и заливки в виде текста. Превратить первое во второе можно двумя очень разными способами, и большинство бесплатных конвертеров выбирают тот, который вам не поможет.
При встраивании создаётся SVG, внутри которого WebP хранится как текст base64. Base64 увеличивает изображение примерно на треть, а результат остаётся растром с векторной «этикеткой». Трассировка, которую используют здесь и в функции «Трассировка растра» в Inkscape (она построена на алгоритме Potrace), считывает цветовые области и записывает их как контуры. Результат действительно масштабируется и редактируется, но мелкие детали теряются. Наше руководство по конвертации изображения в SVG объясняет все параметры трассировки.
Трассированный SVG и встроенный WebP: что умеет каждый файл
| SVG после трассировки | SVG со встроенным WebP | Исходный WebP | |
|---|---|---|---|
| Чёткость при любом масштабе | yes | no | no |
| Редактируемые фигуры в Illustrator или Inkscape | yes | no | no |
| Пригоден как контуры для Cricut или лазерной резки | yes | no | no |
| Сохраняет детали фотографии | no | yes | yes |
| Типичный размер файла | Растёт с числом деталей | Примерно на ⅓ больше, чем WebP | Самый маленький |
Декодирование WebP
Считываются пиксели и альфа-канал; прозрачные области откладываются в сторону.
Группировка цветов
Похожие пиксели объединяются в выбранное Количество цветов.
Построение контуров
Каждая цветовая область превращается в сглаженные кривые и записывается в оптимизированный SVG.
WEBP
Изображение WebP
WebP — формат изображений, выпущенный Google в 2010 году, чтобы веб-страницы загружались быстрее. Он объединяет сжатие с потерями и без потерь, альфа-прозрачность и анимацию в одном формате. Файлы WebP с потерями обычно на 25–35% меньше JPEG сопоставимого визуального качества, а WebP без потерь, как правило, меньше PNG. Его поддерживают все современные браузеры, но некоторые старые настольные программы, сервисы печати и формы загрузки до сих пор его не принимают. Windows, macOS и большинство современных графических редакторов открывают файлы WebP.
- Сжатие
- С потерями или без потерь
- Прозрачность
- Да
- Анимация
- Да
- Год появления
- 2010 · Google
SVG
Scalable Vector Graphics
SVG — векторный формат на основе XML, стандартизированный W3C в 2001 году. Вместо пикселей он описывает фигуры, контуры и текст, поэтому остаётся чётким при любом размере и для логотипов и иконок обычно весит совсем немного. Он поддерживает прозрачность, стили CSS, скрипты и анимацию, и все браузеры отображают его без дополнений. SVG не подходит для фотографий, а сложные иллюстрации могут медленно отрисовываться. Открывать и редактировать его могут Illustrator, Inkscape, Figma и браузеры.
- Сжатие
- –
- Прозрачность
- Да
- Анимация
- Да
- Год появления
- 2001 · W3C
WebP в SVG ищут, когда логотип или значок, сохранённый с сайта, нужно сделать масштабируемым, редактируемым или пригодным для резки, а это даёт только трассировка; обратное направление — простая растеризация для веба.
Как получить чистый SVG из WebP, сохраненного с сайта
Большинство файлов WebP, которые хотят получить в виде векторов, скачаны с сайтов, а значит, они масштабированы под страницу и сжаты с потерями. Шум сжатия вокруг краёв превращается в крошечные лишние фигуры, а в маленьком изображении трассировщику не хватает пикселей, чтобы найти плавную кривую. Берите самую крупную копию, какую найдёте; на странице для прессы или брендбуке сайта часто есть версия побольше или исходный SVG.
Для логотипов с изогнутыми линиями оставьте Сглаживание около значения по умолчанию, а для геометрических знаков с прямыми краями выберите в поле Кривые вариант Прямые линии. После трассировки удалите оставшиеся пятнышки в редакторе. Если изображение нужно было лишь открыть где-то, а не масштабировать, быстрее и точнее будет WebP в PNG.
Вопросы о конвертации WebP в SVG
Почему другие конвертеры WebP в SVG выдают размытый файл?
Многие из них вставляют WebP внутрь SVG как встроенное изображение и меняют расширение. Файл открывается как SVG, но по сути остаётся набором пикселей: при увеличении он размывается, а редактируемых контуров в нём нет. Откройте файл в текстовом редакторе: длинная строка data:image означает, что трассировки не было.
Можно ли конвертировать фото WebP в SVG?
Можно, но результат будет похож на постер: плавные градиенты и оттенки кожи превращаются в плоские цветовые полосы. Для фотографий предназначены растровые форматы. Оставьте фото в WebP, JPG или PNG, а в векторы переводите только нужный логотип, контур или иллюстрацию.
Останется ли прозрачный фон моего WebP прозрачным?
Да. Прозрачные пиксели не создают фигур, поэтому за трассированным рисунком в SVG ничего нет. Для стикера или логотипа, который размещают на цветном фоне, обычно это именно то, что нужно.
Сколько цветов выбрать для трассировки логотипа WebP?
Посчитайте плоские цвета, которые видите, и добавьте два-три для сглаженных краёв. Двухцветный логотип чисто трассируется при значении 4, для иллюстрации с талисманом может понадобиться от 16 до 24. Слишком много цветов создаёт тонкие узкие фигуры вдоль каждого края.
Можно ли использовать SVG с Cricut или лазерным резаком?
Да, это одна из главных причин трассировки. Cricut Design Space импортирует SVG отдельными слоями по цветам, а программы для лазерной резки читают контуры как линии реза или гравировки. Если нужна одна линия реза, выберите Чёрно-белый и Только контуры.
Почему трассированный SVG выглядит бугристым по сравнению с исходным логотипом?
Файлы WebP с сайтов в низком разрешении часто имеют ширину всего 100–200 px, поэтому трассировщик угадывает кривые по нескольким пикселям. Найдите копию логотипа покрупнее или сначала увеличьте её через увеличение размера изображения, а затем повторите трассировку.
- Конвертировать PNG в SVG бесплатноКонвертируйте PNG в SVG бесплатно и без регистрации: логотипы, иконки и штриховые рисунки в масштабируемые контуры. Цвет, оттенки серого или ч/б.
- Конвертер JPG в SVGКонвертируйте JPG в SVG: изображение трассируется в редактируемые векторные фигуры, а не вкладывается в файл. Задайте число цветов, сглаживание и фон.
- Конвертировать AVIF в SVGПоместите AVIF в файл SVG для сервисов, где принимают только SVG, и узнайте, когда нужна настоящая трассировка. До 20 файлов, удаление через 30 мин.
- Конвертировать фото в SVGПревратите фото в SVG-вектор из плоских цветов для трафаретов, лазерной гравировки, наклеек и шелкографии. Мало цветов, гладкие контуры, без фона.
- Конвертировать WebP в PNGПереведите WebP в PNG без потери прозрачности. Логотипы, стикеры и вырезанные объекты сохранят прозрачные края; из анимированного WebP — первый кадр или все.
- Конвертировать SVG в WebPПереведите SVG в WebP нужной ширины с сохранением прозрачности. С потерями или без потерь — для WordPress, превью в соцсетях и иллюстраций.