Безкоштовно, без реєстрації

SVG з картинки

Перетворіть PNG, JPG або WebP на векторний SVG, який можна збільшувати без втрати якості й редагувати у Figma чи Illustrator. Найкраще виходять логотипи, іконки та малюнки. Картинка обробляється в браузері й нікуди не надсилається.

Перетягніть картинку сюди

або вставте її з буфера (Ctrl+V)

PNG, JPG, WebP, GIF, BMP до 40 МБ

Як користуватися

Вектор із картинки за хвилину

  1. 1Завантажте картинкулоготип, іконку, малюнок або фото
  2. 2Оберіть типі за бажання підкрутіть кольори та контури
  3. 3Завантажте SVGабо скопіюйте код для сайту

Що вийде

SVG описує картинку формулами ліній і заливок, тому його можна розтягнути хоч на білборд без пікселів і змінити будь-який колір у редакторі. Логотипи, іконки, написи та пласкі малюнки з чіткими кольорами виходять майже один в один і далі легко редагуються у Figma, Illustrator чи Inkscape. Фотографія перетворюється на сотні чи тисячі кольорових плям: це гарний ефект «постера», але не точна копія, і файл виходить важким.

Як підібрати налаштування

Почніть із типу картинки - він виставить усе інше. «Прибрати дрібниці» відкидає плями, менші за заданий розмір: збільште, якщо в SVG багато сміття від стиснення JPG. «Точність кольору» й «Крок між шарами» вирішують, скільки відтінків залишиться: менше - простіше й легший файл. Плавні криві підходять для малюнків і літер, багатокутники - для піксель-арту та строгих геометричних форм. Повзунок порівняння на картинці показує оригінал і результат поруч, а режим «Контури» - самі лінії.

Логотип без тла

Увімкніть «Прибрати тло» - інструмент візьме колір по краях картинки й прибере його, якщо він пов'язаний із краєм. Колір усередині малюнка, що збігається з тлом, залишиться. Для логотипа в один колір зручний чорно-білий режим: поріг підбирається автоматично, а колір заливки можна одразу змінити на фірмовий.

Спробуйте також

Теж безкоштовно і без реєстрації

ЧаПи

Часті запитання

Не знайшли відповідь - напишіть нам, підкажемо.

  • Ні. Векторизація працює просто в браузері на вашому пристрої, картинка й результат нікуди не йдуть. Тож можна спокійно обробляти логотипи клієнтів і робочі макети.

  • Векторний формат зберігає не пікселі, а заливки з контурами. Щоб описати фотографію, потрібні тисячі дрібних плям, тому результат схожий на постер. Для фото виберіть тип «Фото» й погратеся «Точністю кольору»; для точної копії фото краще залишити JPG або WebP.

  • Збільште «Прибрати дрібниці», зменште «Точність кольору», збільште «Крок між шарами» й виберіть менший розмір обробки. Ще допомагає прибрати тло та зменшити «Знаків після коми» до 1.

  • При накладанні кольорові шари лежать один на одному, як папір в аплікації: файл простіший і без щілин між кольорами. При вирізі кожна форма вирізана із сусідніх і не перекривається - так зручніше, якщо потім треба перефарбовувати або різати на плотері.

  • Векторизація не змінює прав на саму картинку: якщо логотип чи малюнок ваш, SVG теж ваш. Якщо картинка чужа, потрібні права її автора, як і на оригінал.

  • Так, найчастіше з чорно-білим режимом або режимом «Виріз»: у кожної форми буде свій замкнений контур. Перед різанням перевірте файл у програмі плотера й за потреби спростіть дрібні деталі повзунком «Прибрати дрібниці».

  • На відкритій бібліотеці VTracer (visioncortex), зібраній у WebAssembly. Вона будує контури за кольоровими кластерами й згладжує їх кривими, а ми додали видалення тла, чорно-білий режим з автопорогом, порівняння й експорт.