Что делает ползунок

Прежде чем рисовать хоть один контур, трассировка выбирает для изображения небольшой набор плоских цветов. Она смотрит только на сплошную внутреннюю часть фигур, а не на их мягкие края, группирует эти пиксели в цвета, объединяет практически одинаковые и, пока позволяет ползунок, возвращает небольшие, но явно отличающиеся цвета — например, тонкую обводку или акцентную точку. Ползунок — это максимум: «Цветов, до 8» означает не больше восьми, и логотип с пятью цветами вернется с пятью.

Затем каждый пиксель получает один из этих цветов. Пиксель на краю распределяется между двумя цветами по обе стороны этого края, поэтому переход между черной буквой и белым фоном никогда не становится отдельным серым цветом. Каждая связная область одного цвета превращается в <path> с этим цветом в заливке: SVG сгруппирован по объектам (сначала фон), а внутри каждого объекта фигуры вложены по тому, что внутри чего находится, и каждая фигура — отдельный контур.

То есть ползунок на самом деле отвечает на вопрос «сколько разных заливок может быть в результате». Это не ползунок резкости или детализации.

С чего начинают пресеты

  • «Стандарт»: 8
  • «Cricut / винил»: 4 (и включается «Удалить фон»)
  • «Контурный рисунок / трафарет»: всегда 2 — черные чернила и белая бумага; пока выбран этот пресет, ползунок отключен
  • «Детальная графика»: 16

В «Стандарте», «Cricut / винил» и «Детальной графике» ползунок можно двигать и после выбора пресета; диапазон — от 2 до 24.

Способ, который работает

  1. Назовите цвета. Посмотрите на изображение и перечислите разные заливки, которые видите. Сглаженные края и шум JPEG не считайте — это не те цвета, которые вам нужны.
  2. Добавьте один для фона, если он непрозрачный и вы его не удаляете.
  3. Поставьте это число и конвертируйте. Предпросмотр бесплатный.
  4. Посмотрите на полосу палитры в результате. Если две заливки из вашего списка слились в одну, прибавьте один цвет. Если появилась заливка, которой не было в списке, — почти копия другой (два чуть разных красных), убавьте один.
  5. Смотрите на палитру, а не на число контуров. Результат сгруппирован по объектам, и каждая фигура — отдельный контур, поэтому контуров обычно больше, чем цветов. Если нужен ровно один контур на цвет, выберите в «Настройках» «Слои» → «По цвету».

Что бывает на крайних значениях

Слишком мало. Соседние заливки сливаются: темно-синий и черный становятся одной черной фигурой, а светло-серый блик пропадает в белом. На фото 2–4 цвета дают эффект плаката — иногда именно то, что нужно для трафарета.

Слишком много. На плоской графике обычно ничего не происходит: палитра останавливается на тех цветах, которые есть в изображении, так что 8 и 16 дают одинаковый результат. На шумном JPEG крупная заливка изредка может распасться на два очень близких оттенка. На графике с тенями и на фотографиях каждый лишний цвет — еще одна полоса, поэтому файл растет, а полосы становятся уже.

Шесть плоских иконок после трассировки в 2, 4, 8 и 16 цветов: в 2 цветах кораллового нет, а бумага стала розовой; в 4, 8 и 16 результаты одинаковые

Шесть иконок из наших руководств, в которых четыре плоских цвета (синий, темно-синий, коралловый и белая бумага), после трассировки в 2, 4, 8 и 16 цветов (слева направо, сверху вниз). В 2 цветах коралловый сливается и окрашивает бумагу; в 8 и 16 палитра останавливается на 4 цветах изображения, и все три варианта дают одни и те же 29 контуров.

Особые случаи

  • Двухцветные логотипы на прозрачном фоне: 2. Прозрачные пиксели никогда не считаются цветом.
  • Иллюстрации с тенями: 16 из пресета «Детальная графика» — разумное начало, но там, где был градиент, ждите заметных полос. Если полосы вас устраивают, а оттенки нет, перекрасьте полосы потом в SVG-редакторе.
  • Скриншоты и макеты интерфейсов: часто подходит 8–12, потому что они и так плоские; текст векторизуется как фигуры, а не как редактируемый текст.
  • Фотографии: смотрите руководство о том, почему фото постеризуются; число цветов меняет, сколько получится полос, но не то, появятся ли они вообще.

Отверстия и наложения

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

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