Можно перевести фотографию в SVG?

Технически да, но не стоит. Это сведение цветов плюс обводка контуров, поэтому фотография выходит кучей пятен, на оригинал не похожа и нередко весит больше него. SVG по-настоящему подходит логотипам, иконкам и штриховой графике — мало цветов, чёткие края.

Сколько цветов брать?

Диапазон от 2 до 32, по умолчанию 8. Больше цветов ближе к оригиналу, но вместе с ними растут число путей и размер файла. Логотипу обычно нужно от 4 до 8; иллюстрации с градиентами можно поднять выше, только градиент назад не вернётся — сведение режет его на полосы.

Края рваные или пропали детали — что делать?

Настройте сглаживание, диапазон от 0 до 10. Выше — чище контуры ценой деталей. Поднимите чуть, когда видите ступеньки, и опустите, когда исчезают мелкие элементы; маленькими шагами получится быстрее.

Изображение в SVG · трассировка растра в вектор

Цвета 2–32, сглаживание 0–10, по слою на цвет. Локальная обработка; без входа в аккаунт ничего не загружается.

или создать пустой документ

Переводить растр в вектор стоит только для одного семейства картинок: логотипов, значков и простых иллюстраций с малым числом цветов и чистыми краями. Они остаются острыми в любом размере и ложатся прямо в CSS или в печатный файл. Из фотографии вектор даёт кучу цветных пятен — ни лёгких, ни красивых.

Трассировка идёт в два этапа: сначала изображение сводится к заданному числу цветов (от 2 до 32, по умолчанию 8), затем контур связных областей каждого цвета обводится полигонами, упрощается и собирается в SVG-пути. Сначала о том, где это искать: перетаскивание изображения на эту страницу только открывает редактор — сама трассировка находится в меню Изображение > Векторизация растра…. Каждый цвет становится отдельным слоем, поэтому потом можно перекрасить или удалить один из них. Два регулятора: цвета 2–32 — чем больше, тем ближе к оригиналу, но вместе с ними растут число путей и размер файла — и сглаживание 0–10, где выше означает более чистые контуры и меньше деталей. И об области применения: это сведение цветов плюс обводка контуров, а не векторизация нейросетью. Подходит логотипам, иконкам, штриховой графике и плоским иллюстрациям; фотография превращается в кучу цветных пятен, на оригинал не похожа, а из-за огромного числа контуров файл может весить больше него. Всё идёт в вашем собственном браузере; без входа в аккаунт ничего не загружается, а после входа работа автоматически сохраняется в ваших собственных облачных проектах.

Ключевые возможности

Цвета 2–32

Чем больше, тем ближе к оригиналу, но растут число путей и размер. Логотипу обычно хватает 4–8.

Сглаживание 0–10

Выше — чище контуры и меньше деталей; поднимите чуть, если края рваные.

По слою на цвет

Каждый цвет ложится отдельным слоем — потом можно перекрасить или удалить один из них.

Локальная обработка

Обрабатывается в вашем браузере. Без аккаунта ничего не загружается — в этом браузере остаётся только автоматический черновик (удаляется вместе с данными браузера); после входа в аккаунт работа автоматически сохраняется в ваших собственных облачных проектах.

Как использовать

1
Добавьте изображение

Лучше всего подходят логотипы, иконки и штриховая графика. Перетащите в рамку.
2
Задайте число цветов

Перетащенное изображение открывает редактор; дальше меню Изображение > Векторизация растра… Цвета от 2 до 32 — начните с 8, при малом числе плоских заливок берите меньше.
3
Настройте сглаживание

В том же диалоге, от 0 до 10. Вверх, если края рваные; вниз, если пропадают детали. После подтверждения векторные слои ложатся поверх оригинала.
4
Выгрузите SVG

После трассировки оригинал остаётся самым нижним слоем — если экспортировать как есть, SVG вложит весь этот растр в base64. Сначала скройте или удалите слой оригинала, затем Файл > Экспортировать как > SVG… — только так получится чисто векторный SVG, чёткий в любом размере и редактируемый в любом векторном редакторе.

Частые вопросы

Можно перевести фотографию в SVG?: Технически да, но не стоит. Это сведение цветов плюс обводка контуров, поэтому фотография выходит кучей пятен, на оригинал не похожа и нередко весит больше него. SVG по-настоящему подходит логотипам, иконкам и штриховой графике — мало цветов, чёткие края.
Сколько цветов брать?: Диапазон от 2 до 32, по умолчанию 8. Больше цветов ближе к оригиналу, но вместе с ними растут число путей и размер файла. Логотипу обычно нужно от 4 до 8; иллюстрации с градиентами можно поднять выше, только градиент назад не вернётся — сведение режет его на полосы.
Края рваные или пропали детали — что делать?: Настройте сглаживание, диапазон от 0 до 10. Выше — чище контуры ценой деталей. Поднимите чуть, когда видите ступеньки, и опустите, когда исчезают мелкие элементы; маленькими шагами получится быстрее.
Это бесплатно? Загружается ли моё изображение?: Бесплатно, без регистрации и без ограничений по количеству. Всё работает в вашем собственном браузере; без входа в аккаунт ничего не загружается, а после входа работа автоматически сохраняется в ваших собственных облачных проектах.

Попробуйте Изображение в SVG · трассировка растра в вектор прямо сейчас

Без установки · без регистрации · локальное не загружается · бесплатный лимит ИИ каждый день