d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b363434

В наше время, когда графические изображения являются неотъемлемой частью нашей повседневной жизни, возникает все больше необходимости в преобразовании растровых изображений в векторный формат. В этой статье мы рассмотрим удивительный инструмент — Vectorizer, способный преобразовать любое JPEG и PNG изображение в векторную графику формата SVG. Сервис позволяет получить результат всего за несколько секунд. В настоящее время он находится в бета-режиме и поддерживает не все форматы, но при этом список обрабатываемых форматов постоянно расширяется и обновляется.

Приступим к реализации:
Для начала открываем официальную страницу сервиса и попадаем на вкладку с загрузкой изображения:

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b3b53d5

Опускаемся немного ниже и нажимаем на кнопку «Try This Example» для того, чтобы посмотреть на пример работы сайта:

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b40ee1d

Получаем готовое изображение, результат видно невооруженным взглядом:

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b4623ad

Теперь возвращаемся обратно и загружаем собственное изображение, используя перетаскивание файла в специальное окно или стандартно указываем путь через проводник:

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b3b53d5

Ожидаем процесса загрузки, обработки и получения итогового изображения:

Преобразуем любую JPEG и PNG картинку в векторную SVG

Откроется панель, в которой можно сравнить результат до и после:

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b51a7b1

Также в верхнем меню есть кнопка, отвечающая за палитру (самая левая). Нажимаем на нее:

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b5829e9

Выбираем мышью или указанными горячими клавишами количество желаемых цветов на итоговом изображении. После чего подтверждаем изменения, используя «OK»:

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b5c3f6a

Для того, чтобы загрузить нажимаем на кнопку «Download»:

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b6210d6

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

d0bfd180d0b5d0bed0b1d180d0b0d0b7d183d0b5d0bc d0bbd18ed0b1d183d18e jpeg d0b8 png d0bad0b0d180d182d0b8d0bdd0bad183 d0b2 d0b2d0b5d0bad182d0be 6610b6b65d88a

Все, файл сохранен на ваше устройство. Надеюсь статья оказалась для Вас полезной!