Документация VectorizeThis

Настройки векторизатора изображений

Практический справочник всех настроек преобразования и условно доступных элементов управления VectorizeThis.

Выбор результата и параметры трассировки

Веб, Логотип и назначения изготовления сравнивают проверенные методы трассировки. Если остаётся несколько подходящих палитр, выберите палитру, затем SVG; ненужные шаги пропускаются. Подписи считают видимые цвета готового результата, включая белый, но исключая прозрачность. Изменить выбор открывает сравнение снова. Фото и Сложная иллюстрация сохраняют существующий оптимизатор.

Монохромная графика сравнивает шесть методов. Цветная проверяет до четырёх поддерживаемых профилей с 10, 8, 6 или 5 кандидатами на профиль по мере увеличения числа профилей от одного до четырёх. Руководство автоматического выбора объясняет сравнение и правила пропуска шагов.

Настройки, показанные по умолчанию

VectorizeThis показывает только параметры, применимые к текущему изображению и назначению. Отсутствие параметра обычно означает, что анализ исходника не обнаружил соответствующего выбора. Изменение трассировки пересчитывает SVG; параметры только для отображения этого не делают.

Упрощение

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

Фон

Фон определяет обработку обнаруженного однотонного внешнего фона:

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

Параметр может отсутствовать, если изображение уже прозрачно или надёжно определить внешний фон невозможно.

Использовать currentColor

Для подходящих одноцветных результатов Веб или Логотип Использовать currentColor заменяет фиксированный цвет ключевым словом SVG currentColor. SVG наследует CSS-цвет текста страницы, куда встроен. Отключите параметр, чтобы выбрать фиксированный цвет образцом. Он не показывается там, где наследование неуместно, включая результаты для изготовления.

Обрезать SVG по содержимому

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

Длинная сторона и единицы

Назначения изготовления могут показывать физическую Длинную сторону в миллиметрах или дюймах. Она задаёт предполагаемый реальный размер, сохраняя исходные пропорции. Это не подтверждает безопасность тонких деталей, ширины реза, зазоров или требований конкретной машины.

Макс. число цветов

Параметр относится только к результатам с нативными настройками VTracer; проверенные палитровые методы используют собственные параметры кандидатов.

Макс. число цветов ограничивает палитру цветной трассировки. Введите целое число от 2 до 64. Меньшие значения объединяют похожие оттенки и сокращают контуры; большие могут сохранять градиенты и тонкие детали ценой дополнительных слоёв и размера файла. Это предел трассировки, а не обещание появления каждого цвета. Для монохромных исходников и там, где цветная трассировка неприменима, параметр скрыт. Значение вне диапазона отклоняется до преобразования.

Точность SVG

Эта основная настройка находится вне Дополнительных настроек и появляется только для результатов не для изготовления. Значения 0–3 задают число знаков после запятой в оптимизированных координатах. Каждый подготовленный вариант начинает с собственной проверенной точности; ручные изменения приоритетны. Большая точность может сохранить позиционные детали, но обычно добавляет байты.

Дополнительные настройки

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

Цветовой режим

Выберите Авто, Монохромный, Цветов: 3 или Цветов: 4 для поддерживаемой немонохромной графики. Авто восстанавливает выбранный подготовленный метод. Монохромный начинает с чёрного; Веб и Логотип могут предложить currentColor, если остался один редактируемый цвет. Цветные режимы изготовления используют те же варианты трассировки без редактирования палитры. Для монохромных исходников и режимов изготовления, требующих монохромности, Цветовой режим отсутствует.

Кластеризация

Параметр относится только к результатам с нативными настройками VTracer; проверенные палитровые методы используют собственные параметры кандидатов.

Кластеризация определяет группировку пикселей в области перед трассировкой их границ:

  • Бинарная отделяет передний план от фона и лучше подходит для контрастной одноцветной графики.
  • Цветовые кластеры объединяют похожие цвета в слоистые области и обычно подходят для плоской многоцветной графики.
  • Водораздел разделяет области по локальной структуре изображения и может помочь, если соприкасающимся участкам нужны разные границы.

Лучший выбор зависит от краёв и распределения цвета. Метод, добавляющий детали, может также добавить контуры или мелкие островки.

Объединить контуры

Недоступно для изготовления, поскольку SVGO отключён.

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

Удалить ширину и высоту (использовать viewBox)

Удаляет фиксированные атрибуты width и height, сохраняя viewBox. SVG адаптивно масштабируется через CSS или контейнер. В изготовлении явные размеры могут сохраняться, поскольку важен физический размер.

Улучшить исходник для трассировки

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

Поворот

Выберите 0°, 90°, 180° или 270°, чтобы повернуть растр по часовой стрелке перед трассировкой. Поскольку поворот выполняется до векторизации, SVG содержит заново трассированные координаты, а не трансформацию поворота. Это удобно для исправления ориентации с сохранением самостоятельной геометрии.

Форматировать код

Форматировать код добавляет переносы строк и отступы в скопированный и скачанный SVG-код. Это облегчает ручную проверку, но обычно увеличивает файл. Внешний вид графики не меняется.

Многопроходная оптимизация

Недоступно для изготовления, поскольку SVGO отключён.

Выполняет дополнительные проходы оптимизации SVG после трассировки. Может ещё уменьшить файл, особенно при повторяемых или объединяемых структурах разметки. Дополнительные проходы требуют времени, а некоторые файлы не уменьшаются.

Порог и автоматический бинарный порог

Каждый монохромный результат предлагает Автоматический бинарный порог и ползунок Порог от 0 до 255 в одном дополнительном блоке. Перемещение ползунка отключает Авто и использует явный порог яркости; более высокие значения обычно включают более светлые пиксели. Включите Авто снова, чтобы вернуться к обработке покрытия выбранного метода. После изменения порога проверяйте узкие просветы и отверстия.

Сглаживание исходника, углы и направление кривых

Показываются только параметры, используемые выбранным методом. Сглаживание исходника (sigma) меняет сглаживание покрытия до выделения контуров. Нативные монохромные методы предлагают Чувствительность к углам (corner); изолинии и поддерживаемые цветные методы — Радиус направления кривой (tangentRadius). Это меняет геометрию трассировки, а не только формат SVG. Значения по умолчанию принадлежат выбранному кандидату; отмена возвращает ручные изменения назад.

Округлять отдельные точки

Поддерживаемые нативные монохромные и цветные методы предлагают аппроксимацию окружностей Выкл., Строго и Мягко. Строгий режим принимает более точные круговые совпадения; мягкий допускает больше растровых отклонений и более крупные подтверждённые точки. Совпавшие сплошные точки используют SVG-элементы <circle>; общие цветные границы сохраняют совместимую геометрию. Детектор сохраняет надписи и отверстия и может оставить сомнительные фигуры без изменения. Параметр и аппроксимация отключены для Винилового плоттера, Tinkercad и ЧПУ.

Правила результата для изготовления

Лазерная резка, Tinkercad и ЧПУ по умолчанию используют монохромную трассировку. Cricut, Виниловый плоттер и Лазерная гравировка принимают цветные палитры, если исходник их поддерживает. Все сохраняют физические размеры и проверки изготовления. SVGO отключён для всех назначений изготовления, поэтому точность SVG, объединение контуров, адаптивные размеры и многопроходная оптимизация там не предлагаются. Форматирование кода по-прежнему работает без изменения геометрии.

Управление результатом и условные инструменты

Образцы цвета

Образцы перечисляют цвета готового SVG, включая неявную чёрную заливку контура. Щёлкните образец, чтобы заменить этот цвет во всём результате. Выбор цвета обновляет предпросмотр SVG при перемещении указателя; Подтвердить или щелчок снаружи закрывает окно. В поддерживаемых браузерах пипетка берёт цвет с экрана, не закрывая выбор. Если цветов больше восьми, сначала раскройте компактную стопку щелчком. Пользовательские цвета сохраняются после пересчёта настроек, если новый SVG содержит столько же цветов.

В раскрытой палитре минимум с двумя цветами наведите на образец и используйте ×, чтобы после подтверждения удалить все контуры этого цвета. Это недоступно при включённом currentColor и для изготовления. Удалённые цвета не возвращаются после пересчёта настроек до Сбросить настройки. Проверьте предпросмотр перед скачиванием: удаление цвета удаляет его геометрию, включая намеренные детали.

Переменные и классы CSS

Шестерёнка рядом с палитрой открывает имена экспорта CSS, если в готовом SVG не больше восьми цветов и Использовать currentColor выключено. Выберите Переменные, чтобы заменить заливку цвета пользовательским свойством CSS, или Классы, чтобы обозначить эти контуры классом CSS. Имена, введённые для другого цвета или карточки, появляются в подсказках. Они влияют на Копировать код, отдельные SVG и содержимое ZIP Скачать всё, но не меняют предпросмотр. Принимающая страница должна определить переменные или классы, чтобы экспортированный SVG имел нужные цвета. Очистить всё запрашивает подтверждение и очищает только текущую вкладку Переменные или Классы.

Отмена и повтор

Используйте Ctrl+Z (или Cmd+Z на Mac), чтобы отменить настройки карточки и изменения палитры. Ctrl+Shift+Z (или Cmd+Shift+Z на Mac) повторяет их. Перетаскивание ползунка или выбора цвета считается одним шагом; массовое изменение нескольких карточек тоже считается одним шагом. Фон предпросмотра и имена переменных/классов CSS не включаются. Сбросить настройки возвращает карточку к автоматическим параметрам и восстанавливает контуры, удалённые по цвету.

Фон предпросмотра

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

Удалить мелкие островки

Если проверка находит очень мелкие изолированные области, Удалить мелкие островки удаляет только безопасно классифицированные случайные точки. Некоторые островки могут остаться. В результатах вне изготовления оставшуюся проверку можно скрыть кнопкой ×; проверки изготовления остаются видимыми. Проверьте предпросмотр: маленькие намеренные элементы могут напоминать шум.

Сведения о результате и диагностика SSIM

Каждая карточка показывает разрешение исходника рядом с размером файла. Обычная сводка результата показывает число контуров и размер SVG. На настольном устройстве щелчок по Сведения о результате открывает разрешение обработанного растра и доступную техническую диагностику: SSIM оценивает визуальное сходство, а Разница SSIM — измеренную разницу между сбалансированным результатом и кандидатом с наибольшим SSIM. Использовать лучший по SSIM применяет наиболее похожего измеренного кандидата без предпочтения меньшего SVG. Диагностика нужна для исследования; высокий балл может сопровождаться гораздо более тяжёлой геометрией.

Массовое редактирование

При наличии нескольких карточек Массовое редактирование собирает уникальные параметры, доступные в группе. Подготовьте изменения, затем примените вместе. Карточки с уже нужным значением не пересчитываются. См. как работает автоматический выбор, чтобы понять, почему изображения одной группы могут начинать с разных настроек, или изучите все назначения для выбора приоритета.

Монохромная и плоская графика трассируется в полном допустимом разрешении с увеличением небольших исходников. Только обнаруженные сложные изображения или фото ограничиваются 2000 px по длинной стороне. Увеличение при наведении и колесом мыши синхронизирует предпросмотры в координатах исходника, в том числе после обрезки или удаления фона. Сведения о результате на настольном устройстве показывают размеры обработанного растра; диагностика SSIM появляется только при действительных измерениях. Копирование кода и скачивание ожидают во время Обновления.

Массовое редактирование предлагает Использовать наименьшие SVG, пока в карточках остаются невыбранные результаты. Оно выбирает наименьший предлагаемый завершённый результат среди палитр для этих карточек и не меняет уже выбранные.

Непрозрачность, готовность группы и предупреждения изготовления

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

Использовать наименьшие SVG появляется только после обработки всех изображений или готовности их вариантов и при наличии хотя бы одного ожидающего выбора. Предупреждения низкого разрешения появляются для всех назначений, когда обе стороны исходника меньше 256 px.

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

Обновлено: