Бесплатно, без регистрации

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. Она строит контуры по цветовым кластерам и сглаживает их кривыми, а мы добавили удаление фона, чёрно-белый режим с автопорогом, сравнение и экспорт.