Как пользоваться Изображение в вектор

Превратите PNG или JPG в SVG, который масштабируется до любого размера.

Короткое руководство для хорошего результата и ответы на самые частые вопросы.

Фотография вывески и сделанный из неё вектор. Потяните ползунок.
ДоПосле
Фотография вывески и сделанный из неё вектор. Потяните ползунок.

Открыть инструмент

Как это работает

  1. 1

    Перетащите изображение сюда

    PNG, JPG, WEBP или GIF. Инструмент читает картинку и сразу трассирует её с подобранными под неё настройками. Чище всего выходят логотипы, леттеринг и плоская графика.

  2. 2

    Выберите Метод

    На вкладке Стиль укажите, что на картинке: силуэт, логотип, иллюстрация, портрет или штриховая графика. Один щелчок задаёт все настройки. Автонастройки — инструмент подберёт их по картинке сам.

  3. 3

    Задайте Режим

    Ч/б даёт один сплошной цвет, Цвет сохраняет плоские цвета, Контур обводит края штрихами. В режиме Цвет Количество цветов — это сколько цветов будет в SVG.

  4. Ч/бЧ/б
    ЦветЦвет
    КонтурКонтур
    Один и тот же отпечаток в каждом режиме.
  5. 4

    Подберите Сглаживание и Упростить

    На вкладке Трассировка. Низкие значения повторяют каждый пиксель края и делают файл тяжёлым. Высокие дают плавные кривые и меньше узлов. Поднимайте их, пока форма не начнёт смягчаться, затем отступите на шаг.

  6. Сглаживание 0Сглаживание 0
    Сглаживание 100Сглаживание 100
    Одна фигура при трёх значениях Гладкости: край повторяет зерно печати, затем расслабляется.
  7. 5

    Экспорт SVG

    Файл скачивается с плотным viewBox вокруг рисунка. Откройте его в любом векторном редакторе или сохраните проект в аккаунт, чтобы открыть его снова со всеми настройками.

Об этом инструменте

«Изображение в вектор» трассирует картинку в векторные фигуры. Бросьте логотип, леттеринг или иллюстрацию — и получите SVG, чёткий при любом размере. Фотографии выходят как постеры с заданным числом цветов.

Вы получаете SVG с чистыми контурами для Illustrator, Inkscape, Figma или режущего плоттера. Выберите один цвет, плоские цвета или только контуры и задайте, сколько цветов может быть в файле. Сохранённый проект открывается со всеми настройками.

Возможности

Чистые контуры SVG

Кривые подогнаны к краям, углы сохранены, узлов немного. Файл масштабируется до любого размера без размытия.

Метод для любой картинки

Силуэт, логотип, иллюстрация, портрет, градиентная графика, штриховая графика и вышивка — у каждого полный набор настроек.

Живой предпросмотр

Каждое изменение перерисовывает вектор рядом с исходником. Разделённый вид сравнивает их при любом масштабе.

Сначала объект

Щёлкните по объекту — он трассируется отдельно от фона, а детализация уходит туда, где она нужна.

Часто задаваемые вопросы

Это бесплатно?

Да. Все функции и все форматы экспорта бесплатны, без аккаунта и без водяного знака. Аккаунт необязателен и лишь хранит ваши проекты, чтобы открыть их на другом устройстве.

Мои файлы загружаются на сервер?

Нет. Всё работает в вашем браузере, и файлы остаются на вашем устройстве. Его покидает только проект, который вы сами решили сохранить в аккаунт.

Какие изображения векторизуются лучше всего?

Логотипы, леттеринг, иконки и плоские иллюстрации, потому что трассировка идёт по краям. Фотография работает как постер: выберите Портрет или Постер и небольшое число цветов.

Можно ли потом редактировать SVG?

Да. Каждая фигура — обычный контур с заливкой, поэтому Illustrator, Inkscape, Affinity и Figma открывают и правят его как любой другой векторный файл.

Другие инструменты

Уменьшение цветов SVG

Сокращайте и заменяйте цвета в любом SVG, объединяйте похожие оттенки и уменьшайте размер файла.

Векторный штамп

Придайте логотипу, силуэту или строке текста вид настоящего резинового штампа — стёртый край, неровная краска, зерно меццо-тинто — и экспортируйте его как настоящие векторные контуры, а не фильтр.

Просмотрщик изображений и векторов

Просматривайте SVG, AI, EPS, WMF, DXF, PDF и фотографии вместе — и открывайте те, что больше ничем не открыть.

ProDesigner бесплатен для всех и везде. Если он экономит вам время, поддержите его развитие.

Поддержать ProDesigner