SVG из картинки
Превратите PNG, JPG или WebP в векторный SVG, который можно увеличивать без потери качества и править в Figma или Illustrator. Лучше всего выходят логотипы, иконки и рисунки. Картинка обрабатывается в браузере и никуда не отправляется.
Этот браузер не поддерживает WebAssembly - векторизация не запустится. Откройте страницу в свежем Chrome, Safari, Firefox или Edge.
Перетащите картинку сюда
или вставьте её из буфера (Ctrl+V)
PNG, JPG, WebP, GIF, BMP до 40 МБ
Файл получился тяжёлым - так бывает с фотографиями. Чтобы облегчить: поднимите «Убрать мелочь», уменьшите «Точность цвета» или выберите размер обработки поменьше.
Цвета в SVG - нажмите, чтобы скопировать
Вектор из картинки за минуту
- 1Загрузите картинкулоготип, иконку, рисунок или фото
- 2Выберите типи при желании подкрутите цвета и контуры
- 3Скачайте SVGили скопируйте код для сайта
Что получится
SVG описывает картинку формулами линий и заливок, поэтому его можно растянуть хоть на билборд без пикселей и поменять любой цвет в редакторе. Логотипы, иконки, надписи и плоские рисунки с чёткими цветами получаются почти один в один и дальше легко правятся в Figma, Illustrator или Inkscape. Фотография превращается в набор из сотен или тысяч цветных пятен: это красивый эффект «постера», но не точная копия, и файл выходит тяжёлым.
Как подобрать настройки
Начните с типа картинки - он выставит всё остальное. «Убрать мелочь» отбрасывает пятна меньше заданного размера: поднимите, если в SVG много мусора от сжатия JPG. «Точность цвета» и «Шаг между слоями» решают, сколько оттенков останется: меньше - проще и легче файл. Плавные кривые подходят для рисунков и букв, многоугольники - для пиксель-арта и строгих геометрических форм. Ползунок сравнения на картинке показывает оригинал и результат рядом, а режим «Контуры» - сами линии.
Логотип без фона
Включите «Убрать фон» - инструмент возьмёт цвет по краям картинки и уберёт его, если он связан с краем. Цвет внутри рисунка, совпадающий с фоном, останется. Для логотипа в один цвет удобен чёрно-белый режим: порог подбирается автоматически, а цвет заливки можно сразу поменять на фирменный.
Попробуйте также
Тоже бесплатно и без регистрации
Частые вопросы
Не нашли ответ - напишите нам, подскажем.
Нет. Векторизация работает прямо в браузере на вашем устройстве, картинка и результат никуда не уходят. Поэтому можно спокойно обрабатывать логотипы клиентов и рабочие макеты.
Векторный формат хранит не пиксели, а заливки с контурами. Чтобы описать фотографию, нужны тысячи мелких пятен, поэтому результат похож на постер. Для фото выберите тип «Фото» и поиграйте «Точностью цвета»; для точной копии фото лучше оставить JPG или WebP.
Поднимите «Убрать мелочь», уменьшите «Точность цвета», увеличьте «Шаг между слоями» и выберите размер обработки поменьше. Ещё помогает убрать фон и уменьшить «Знаков после запятой» до 1.
При наложении цветные слои лежат друг на друге, как бумага в аппликации: файл проще и без щелей между цветами. При вырезе каждая форма вырезана из соседних и не перекрывается - так удобнее, если потом нужно перекрашивать или резать на плоттере.
Векторизация не меняет прав на саму картинку: если логотип или рисунок ваш, SVG тоже ваш. Если картинка чужая, нужны права её автора, как и на исходник.
Да, чаще всего с чёрно-белым режимом или режимом «Вырез»: у каждой формы будет свой замкнутый контур. Перед резкой проверьте файл в программе плоттера и при необходимости упростите мелкие детали ползунком «Убрать мелочь».
На открытой библиотеке VTracer (visioncortex), собранной в WebAssembly. Она строит контуры по цветовым кластерам и сглаживает их кривыми, а мы добавили удаление фона, чёрно-белый режим с автопорогом, сравнение и экспорт.