Изображение в SVG
Преобразуйте растровое изображение в настоящий векторный SVG с квантованием цветов. Лучше всего для логотипов, иконок и штриховых рисунков; фото получаются
Перетащите файл изображение сюда
или нажмите, чтобы выбрать файлы
Обведите растровую картинку в настоящий векторный SVG, квантуя её цвета в плоские области. На выходе получаются настоящие векторные контуры, поэтому изображение можно увеличивать до любого размера без пикселизации и править его как фигуры, а не как пиксели.
Лучше всего это работает с графикой, где мало цветов и чёткие края: логотипы, иконки, штриховые рисунки, печати и простые иллюстрации. Фотография, обведённая таким способом, становится стилизованным изображением в духе плаката с ограниченной палитрой — эффект может быть приятным, но точной копией фото это не будет.
Как конвертировать изображение в SVG (векторизация)
Выберите изображение PNG или JPG
Задайте число цветов и уровень детализации
Скачайте обведённый SVG
Частые вопросы
Моё фото станет чистым вектором?
Нет. Обводка сводит изображение к ограниченному числу плоских цветов, поэтому фотография получается стилизованной с заметными цветовыми полосами. Для фото оставляйте растровый оригинал; для логотипов и иконок обводка работает очень хорошо.
Сколько цветов использовать?
Начните с малого — от четырёх до восьми цветов — для логотипов и штриховой графики. Больше цветов означает более близкое совпадение, но и гораздо больший SVG с большим числом контуров, которыми нужно управлять.
Что меняет параметр детализации?
Он управляет тем, сколько мелких деталей формы сохраняется. Высокая детализация сохраняет тонкие линии и точки, но увеличивает размер файла и может сделать результат шумным на зернистых сканах.
Можно редактировать результат?
Да, SVG содержит настоящие контуры, поэтому его можно открыть в Illustrator, Inkscape или Figma и перемещать, перекрашивать или удалять отдельные фигуры.
Почему SVG больше моего изображения?
Векторная обводка хранит каждую границу как данные контура, а для сложных изображений это может оказаться объёмнее сжатого JPEG. Простые логотипы обычно получаются меньше эквивалентного PNG высокого разрешения.
Моё изображение куда-то загружается?
Нет, обводка выполняется полностью в вашем браузере.
Кратко
| Ввод | изображение |
|---|---|
| Несколько файлов | Нет |
| Где работает | В вашем браузере — файлы никуда не загружаются |
| Работает офлайн | Да — после загрузки страницы |
| Цена | Бесплатно, без регистрации, без водяных знаков |
Почему трассированное фото выглядит иначе
Трассировка заменяет непрерывный тон ограниченным числом плоских цветов, разделённых кривыми, поэтому фотография получается похожей на шелкографию или раскраску по номерам, а не на копию. Это не ошибка — это и есть смысл векторизации. Результат резко улучшается, когда источник простой: мало цветов, сильные края, чистый фон, без градиентов и шума. Если вам нужен именно трассированный вид, начинайте с графики. Если нужна фотография меньшего размера, используйте JPG или WebP: трассировка и выглядеть будет неправильно, и часто даст файл больше.
Вектор и растр — разные типы файлов
SVG хранит фигуры как координаты и кривые, поэтому его можно масштабировать до любого размера без потери резкости, и обычно он остаётся крошечным — вот почему логотипы, иконки и схемы живут именно в нём. JPG или PNG хранит сетку пикселей, а это и есть фотография. Конвертация вектора в растр — обычное дело, и на вид она проходит без потерь, если экспортировать с достаточно высоким разрешением. Конвертация растра в вектор — совсем другая операция: она оценивает формы по пикселям, что прекрасно работает для плоских логотипов и сканов штриховой графики, а для фотографий даёт стилизованный результат, похожий на плакат. Понимание того, в какую сторону вы идёте, подсказывает, чего ожидать.