Конвертувати WebP у SVG
WebP складається з пікселів, а SVG — з фігур, тому перейти від одного до іншого без втрат неможливо. Ця сторінка трасує ваш WebP у справжні векторні контури, які можна масштабувати, перефарбовувати й вирізати. Найкраще це працює з логотипами, іконками та пласкими ілюстраціями.
Зображення в SVG
або перетягніть Файли JPG, JPEG, JFIF … сюди ·
До 95 МБ на файл· До 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 збільшує зображення приблизно на третину, а результат так і лишається растром з векторною назвою. Трасування — метод, який використовується тут та у функції Trace Bitmap в 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
Масштабована векторна графіка (SVG)
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 потрібної ширини зі збереженням прозорості. WebP із втратами чи без для WordPress, прев’ю в соцмережах і складних ілюстрацій.