PerfectVector
Автор: Irene Kim11 мин чтения

Как оценить качество векторной трассировки: шкала баллов

Оцените точность краёв, негативное пространство, цвет, экономичность узлов, редактируемость и работу SVG в целевой среде по 12-балльной шкале.

На этой странице

Хорошая векторная трассировка сохраняет задуманные фигуры, остаётся удобной для редактирования и работает в приложении или процессе, для которого создана. Плавного предпросмотра недостаточно. Оцените файл по шести критериям: точность краёв, негативное пространство, соответствие цветов, экономичность узлов, редактируемость и проверка в целевой среде. Дайте каждому 0, 1 или 2 балла, затем примените правило остановки для серьёзных дефектов.

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

12-балльная оценка качества трассировки
  • 2 балла: готово для задуманной задачи
  • 1 балл: пригодно после конкретной очистки
  • 0 баллов: неверно, сломано или не подходит целевой среде

Сумма 10–12 означает хорошую исходную основу. При 7–9 нужна запланированная очистка. Оценка 6 и ниже обычно требует новой трассировки или перерисовки. Любой ноль за точность краёв, негативное пространство или проверку в целевой среде имеет приоритет над суммой.

Шесть критериев качества векторной трассировки

Критерий0 баллов1 балл2 балла
Точность краёвСилуэт или важные углы неверныНужна очистка небольших локальных отклоненийЗадуманный силуэт и углы сохраняются в рабочем размере
Негативное пространствоНужное отверстие, просвет буквы или промежуток закрыт либо отсутствуетНужно исправить небольшие ошибки расстоянийНамеренные отверстия и промежутки сохранены
Соответствие цветовЦвета, прозрачность или границы областей неверныПалитра близка, но раздроблена или непоследовательнаЗадуманные области разделены на полезные цвета и прозрачность
Экономичность узловПростые фигуры содержат плотные неровные цепочки точекС большинством контуров удобно работать, но есть несколько перегруженных местТочки расставлены экономно без изменения формы
РедактируемостьНужные части нельзя аккуратно выделить или изменитьФайл редактируется после перегруппировки или локальной очисткиНужные фигуры можно напрямую выделять, перемещать и перекрашивать
Проверка в целевой средеФайл не выполняет реальную задачуРаботает после известного исправления или обходного решенияИмпортируется и ведёт себя как требуется в целевой среде
Шесть критериев с оценкой от 0 до 2
Концептуальная шкала из шести критериев векторной трассировки вокруг синтетического наложения исходника и трассировки
Концептуальная шкала на синтетическом геометрическом примере. Она объясняет метод проверки; это не снимок экрана, измеренное преобразование или результат PerfectVector.

Сумма облегчает обсуждение двух трассировок, но примечания рядом с каждой оценкой важнее числа. Запишите дефект простыми словами, например «внутренний просвет закрывается в маленьком размере» или «у закругления кривой плотная цепочка точек». Так следующий редактор получит конкретную исправляемую проблему.

Подготовьте честное сравнение исходника и трассировки

Определите задачу вектора до открытия файла. SVG для адаптивного интерфейса, основной файл логотипа и макет для режущего устройства могут иметь разные виды дефектов. Целевая среда определяет существенные детали.

Затем выполните следующее:

  1. Сохраните нетронутый растровый исходник рядом с трассированным SVG.
  2. Наложите трассировку на исходник и совместите границы. Уменьшите непрозрачность трассировки или переключайте её видимость, чтобы легко заметить отклонение силуэта.
  3. Проверьте один раз в целевом размере, затем увеличьте достаточно для изучения углов, промежутков, наложений и поведения кривых.
  4. Переключитесь в контурный вид или просмотр узлов. Запишите перегруженные пути, открытые контуры и фрагменты, скрываемые заполненным предпросмотром.
  5. Оцените все шесть критериев и добавьте одно предложение доказательства к каждой оценке ниже 2.
  6. Откройте SVG в настоящей целевой среде и выполните следующее действие: перекрасьте фигуру, измените размер иконки, импортируйте логотип или посмотрите предпросмотр резки.

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

1. Точность краёв: сохраняется ли задуманный контур?

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

Ставьте 2, когда контур соответствует задуманному рисунку в рабочем размере, а близкая проверка не обнаруживает значимого отклонения. Ставьте 1 за несколько местных исправлений. Ставьте 0, если ошибка меняет узнаваемость, баланс или соответствие рисунка задаче.

Не требуйте повторения каждого пикселя исходника. Растровые края могут содержать мягкость и небольшие пиксельные колебания, не относящиеся к задуманной геометрии. Документация Adobe Image Trace прямо показывает этот компромисс: настройка Paths меняет точность следования пиксельной форме, а Corners и Noise — интерпретацию изгибов и мелких областей. См. актуальные настройки Adobe Image Trace.

2. Негативное пространство: отверстия и промежутки остались открытыми?

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

Ставьте 2, если каждый намеренный проём сохранился. Ставьте 1, если проёмы есть, но один или два требуют изменения формы. Ставьте 0, если проём закрывается, исчезает или объединяет две части, которые должны остаться раздельными.

Для надписей и логотипов сравнивайте промежутки как самостоятельные фигуры. Если просвет слишком мал или ширина промежутка резко меняется, трассировка может казаться неверной даже при близком внешнем силуэте.

3. Соответствие цветов: созданы ли полезные области?

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

Ставьте 2, если области соответствуют рисунку и выделяются по задуманной роли. Ставьте 1, если палитра близка, но требует объединения или очистки границ. Ставьте 0, если нужный цвет отсутствует, прозрачность становится заполненным фоном или важные области неверно объединены.

Само количество цветов не определяет оценку. Больше цветов может сохранить иллюстрацию с тенями, а меньше — подходить плоскому знаку. Панель Adobe показывает тот же компромисс изменением количества и размера цветовых областей и отдельно сообщает Paths, Anchors и Colors. Такое разделение — полезная модель проверки: точность и сложность связаны, но оцениваются отдельно.

4. Экономичность узлов: контур проще пиксельного шума?

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

Универсального хорошего количества узлов нет. Оценивайте экономичность относительно формы и нужной точности:

  • Прямому краю не нужен ряд почти лежащих на одной линии точек.
  • Плавная дуга не должна чередовать крошечные изгибы.
  • Намеренный угол должен сохранять задающую его точку.
  • Две трассировки сравниваются только при сохранении одинаковых полезных деталей.

Ставьте 2 за экономную стабильную геометрию. Ставьте 1, если перегружены лишь несколько мест. Ставьте 0 при повсеместно плотных точках или видимых колебаниях контура. Auto-Simplify в Illustrator может удалить лишние точки и сгладить контуры, но после упрощения нужна визуальная проверка, чтобы не стереть намеренную деталь. Adobe описывает этот процесс очистки здесь.

Если это главная проблема, воспользуйтесь подробным руководством по диагностике SVG с избытком узлов.

5. Редактируемость: можно изменить ожидаемые части?

Попробуйте небольшую правку, а не оценивайте панель Layers издали. Выделите нужную фигуру, переместите, перекрасьте и отмените действие. Проверьте, отделён ли фон, не разбит ли один цвет на множество объектов и не заперт ли простой компонент в ненужной составной структуре.

Ставьте 2, если нужные части выделяются напрямую, а правка предсказуема. Ставьте 1, если перегруппировка или небольшая очистка контуров делает файл пригодным. Ставьте 0, если файл фактически плоская картинка, неразделимый клубок контуров или структура, не позволяющая нужную правку.

Для восстановленного логотипа также подтвердите, что видимый рисунок состоит из контуров, а не растра внутри контейнера SVG. Список проверки векторизации логотипа разбирает эту конкретную ловушку.

6. Проверка в целевой среде: выдерживает ли файл следующий шаг?

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

Ставьте 2, если файл работает как требуется. Ставьте 1, если одно документированное исправление делает его пригодным. Ставьте 0, если SVG не выполняет задуманную задачу.

Эта оценка важнее красивого вида. Трассировка с прекрасными кривыми всё равно не проходит, если нужное отверстие закрывается при импорте или требуемые части нельзя редактировать. При сравнении способов руководство Image Trace против AI-векторизатора объясняет, почему весь процесс очистки важнее кнопки преобразования.

Как читать сумму, не скрывая серьёзный дефект

Используйте диапазоны для первичной оценки:

  • 10–12: хорошая исходная основа. Запишите оставшуюся очистку по пунктам с 1 баллом до передачи.
  • 7–9: пригодно только если перечисленная очистка укладывается в бюджет и срок проекта.
  • 0–6: повторите трассировку с лучшим исходником или методом либо перерисуйте важную геометрию.

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

Пороги относятся к этому методу оценки, а не к отраслевому стандарту. Команды могут менять их, но должны записать правило до сравнения результатов.

Как это выглядит с PerfectVector

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

Мы намеренно не назначаем PerfectVector оценку заранее. Полезный итог — результат, который вы можете проверить на своём рисунке: изучите силуэт, отверстия, цветовые области, узлы, правки и поведение в целевой среде перед выбором сохраняемого файла.

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

Когда новая трассировка не решит проблему

Повторный запуск конвертера вряд ли восстановит информацию, которой нет в исходнике. Перерисуйте или вернитесь к более раннему исходнику, если:

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

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

Краткая запись проверки

Сохраните её рядом с SVG, чтобы другой редактор мог воспроизвести решение:

ПолеЗапись
ИсходникИмя файла и версия
Целевая средаПриложение, устройство или требование передачи
Метод трассировкиИнструмент и настройки либо пресет
Шесть оценокКрая / пространство / цвет / узлы / редактируемость / целевая среда
Правило остановкиПройдено или нет, с указанием дефекта при провале
ОчисткаКонкретные ещё нужные правки
Конечное решениеСохранить, доработать, повторить или перерисовать

Частые вопросы

Что делает векторную трассировку хорошей? Хорошая трассировка сохраняет задуманный силуэт, негативное пространство и цветовые области с удобными для правки контурами. Она также должна работать в приложении или производственном процессе, для которого создана.

Сколько узлов слишком много для векторной трассировки? Универсального предела нет. Используйте минимум узлов, сохраняющий нужный силуэт, углы и детали. Сравнивайте трассировки одного исходника при одинаковой точности и проверяйте простые кривые с плотными цепочками точек.

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

Можно оценить качество трассировки по предпросмотру PNG? Предпросмотр PNG выявляет очевидные ошибки силуэта или цвета, но не доказывает экономичность узлов, редактируемость или структуру SVG. Откройте векторный файл, проверьте контуры и протестируйте в целевой среде.

Какую оценку принимать? По этому методу 10–12 — хорошая исходная основа, 7–9 требует запланированной очистки, а 6 и ниже обычно требует повторной трассировки или перерисовки. Любой ноль за точность краёв, негативное пространство или проверку в целевой среде нарушает правило остановки независимо от суммы.

Источники

  1. Adobe — настройки панели Image Trace — Актуальные настройки сравнения с исходником, контуров, углов, шума, цветов, опорных точек, прозрачности и раскрытия.
  2. W3C — контуры SVG 2 — Стандартные определения геометрии путей, сегментов, кривых, замкнутых фигур и составных подконтуров.
  3. Adobe — автоматическое упрощение контуров — Актуальный процесс удаления лишних опорных точек и сглаживания контуров.

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

Ещё из блога

Начните с более чистого SVG,
который проще редактировать