SVG з картинки
Перетворіть PNG, JPG або WebP на векторний SVG, який можна збільшувати без втрати якості й редагувати у Figma чи Illustrator. Найкраще виходять логотипи, іконки та малюнки. Картинка обробляється в браузері й нікуди не надсилається.
Цей браузер не підтримує WebAssembly - векторизація не запуститься. Відкрийте сторінку у свіжому Chrome, Safari, Firefox або Edge.
Перетягніть картинку сюди
або вставте її з буфера (Ctrl+V)
PNG, JPG, WebP, GIF, BMP до 40 МБ
Файл вийшов важким - так буває з фотографіями. Щоб полегшити: збільште «Прибрати дрібниці», зменште «Точність кольору» або виберіть менший розмір обробки.
Кольори в SVG - натисніть, щоб скопіювати
Вектор із картинки за хвилину
- 1Завантажте картинкулоготип, іконку, малюнок або фото
- 2Оберіть типі за бажання підкрутіть кольори та контури
- 3Завантажте SVGабо скопіюйте код для сайту
Що вийде
SVG описує картинку формулами ліній і заливок, тому його можна розтягнути хоч на білборд без пікселів і змінити будь-який колір у редакторі. Логотипи, іконки, написи та пласкі малюнки з чіткими кольорами виходять майже один в один і далі легко редагуються у Figma, Illustrator чи Inkscape. Фотографія перетворюється на сотні чи тисячі кольорових плям: це гарний ефект «постера», але не точна копія, і файл виходить важким.
Як підібрати налаштування
Почніть із типу картинки - він виставить усе інше. «Прибрати дрібниці» відкидає плями, менші за заданий розмір: збільште, якщо в SVG багато сміття від стиснення JPG. «Точність кольору» й «Крок між шарами» вирішують, скільки відтінків залишиться: менше - простіше й легший файл. Плавні криві підходять для малюнків і літер, багатокутники - для піксель-арту та строгих геометричних форм. Повзунок порівняння на картинці показує оригінал і результат поруч, а режим «Контури» - самі лінії.
Логотип без тла
Увімкніть «Прибрати тло» - інструмент візьме колір по краях картинки й прибере його, якщо він пов'язаний із краєм. Колір усередині малюнка, що збігається з тлом, залишиться. Для логотипа в один колір зручний чорно-білий режим: поріг підбирається автоматично, а колір заливки можна одразу змінити на фірмовий.
Спробуйте також
Теж безкоштовно і без реєстрації
Часті запитання
Не знайшли відповідь - напишіть нам, підкажемо.
Ні. Векторизація працює просто в браузері на вашому пристрої, картинка й результат нікуди не йдуть. Тож можна спокійно обробляти логотипи клієнтів і робочі макети.
Векторний формат зберігає не пікселі, а заливки з контурами. Щоб описати фотографію, потрібні тисячі дрібних плям, тому результат схожий на постер. Для фото виберіть тип «Фото» й погратеся «Точністю кольору»; для точної копії фото краще залишити JPG або WebP.
Збільште «Прибрати дрібниці», зменште «Точність кольору», збільште «Крок між шарами» й виберіть менший розмір обробки. Ще допомагає прибрати тло та зменшити «Знаків після коми» до 1.
При накладанні кольорові шари лежать один на одному, як папір в аплікації: файл простіший і без щілин між кольорами. При вирізі кожна форма вирізана із сусідніх і не перекривається - так зручніше, якщо потім треба перефарбовувати або різати на плотері.
Векторизація не змінює прав на саму картинку: якщо логотип чи малюнок ваш, SVG теж ваш. Якщо картинка чужа, потрібні права її автора, як і на оригінал.
Так, найчастіше з чорно-білим режимом або режимом «Виріз»: у кожної форми буде свій замкнений контур. Перед різанням перевірте файл у програмі плотера й за потреби спростіть дрібні деталі повзунком «Прибрати дрібниці».
На відкритій бібліотеці VTracer (visioncortex), зібраній у WebAssembly. Вона будує контури за кольоровими кластерами й згладжує їх кривими, а ми додали видалення тла, чорно-білий режим з автопорогом, порівняння й експорт.