О VectorizeThis

Векторизатор для решения реальной рабочей задачи

VectorizeThis создал Maxime Desrosiers — фронтенд-разработчик с более чем десятилетним опытом, глубокими знаниями WordPress и давним интересом к практичным инструментам SVG и CSS.

Кто создал VectorizeThis?

Меня зовут Maxime Desrosiers, я разработчик VectorizeThis. Больше десяти лет я создаю сайты и фронтенд-интерфейсы, особенно хорошо знаком с WordPress. Я также создал ShapeDividers.com — инструмент для генерации декоративных SVG-разделителей секций и CSS для их использования.

Работа над ShapeDividers показала, насколько важны структура и сжатие SVG. Вектор может выглядеть просто, но содержать лишние точки, атрибуты или разметку. Чтобы генерируемый CSS оставался лёгким, пришлось научиться сохранять видимый результат без избыточного кода.

Зачем я его создал

VectorizeThis начался с проблемы при обновлении главной страницы. Я попросил ChatGPT предложить новый дизайн, и в нём было несколько удачных иконок. Исходные иконки оказались слишком маленькими, поэтому я по очереди попросил увеличить их. Новые версии пришли в PNG: визуально полезные, но большие, неудобные для перекрашивания и сопровождения на сайте.

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

Мне казалось, что один инструмент должен справляться лучше: оценивать несколько трассировок, сохранять полезную структуру, сокращать лишнюю разметку и при этом позволять человеку проверить и настроить результат.

Что делает VectorizeThis

VectorizeThis преобразует поддерживаемые растровые изображения в геометрию SVG-контуров в браузере. Он может тестировать несколько конфигураций трассировки, сравнивать кандидатов, оптимизировать выбранный SVG и показывать проверки, важные для назначения файла. Пользователи могут менять настройки, редактировать небольшую обнаруженную палитру, копировать разметку или скачивать результаты по одному и группой.

Конвертер ориентирован на локальную обработку. Декодирование, трассировка, сравнение и подготовка SVG выполняются на устройстве пользователя. Аналитика продукта описывает действия и настройки для улучшения инструмента; она не включает байты исходных изображений или имена файлов. Исходное изображение отправляется только тогда, когда пользователь намеренно прикрепляет его к отзыву и соглашается на отправку.

Узнайте, как VectorizeThis оценивает результаты векторизации.

Чего он не обещает

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

Стили и проверки для изготовления помогают подготовить и изучить геометрию, но не являются сертификацией для конкретного плоттера, лазера, станка ЧПУ, материала или стороннего приложения. Перед производством нужно проверить скачанный SVG и протестировать его в собственном рабочем процессе.

Помогите улучшить инструмент

Если результат выглядит неправильно, нажмите Отправить отзыв в конвертере или свяжитесь с VectorizeThis. Полезны понятное описание, выбранное назначение и настройки, вызвавшие проблему. При желании можно отправить исходное изображение, если иначе воспроизвести проблему трудно.

Подробнее об обработке данных и использовании службы читайте в Политике конфиденциальности и Условиях использования.

Обновлено: