Изображение выглядит рельефным при преобразовании в SVG

Я преобразовал растровое изображение в векторное в Illustrator CS6, используя Image Trace, а затем параметр Expand, хотя при сохранении в формате svg изображение выглядит рельефным. Я подозреваю, что это связано с тем, что фон слоя белый, а пути не совпадают, но я не уверен, как это исправить или доказать эту теорию без необходимости вручную настраивать каждый путь.

Вот как это выглядит в Illustrator перед экспортом:

введите описание изображения здесь

Изображение выглядит следующим образом при сохранении/экспорте с опцией оптимизации изображения:

введите описание изображения здесь

Каков ваш процесс перехода от растрового изображения к SVG? Я предполагаю, что вы используете трассировку изображения. Не могли бы вы опубликовать скриншоты растрового изображения и трассировки изображения перед расширением или экспортом?
@CaiMorris Я отредактировал свой вопрос, добавив снимок экрана, как он выглядит в Illustrator, и примечание о трассировке изображения.
Можете ли вы повторно загрузить эти изображения, если они у вас еще есть? Веб-сайт, который вы использовали для их размещения, не работает.
Примечание: @WELZ добавил новую картинку.

Ответы (1)

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

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

Предпочитаю не разрезать фигуру ниже

Изображение 1. Не обрезайте и не делитесь краями с фигурой ниже.

Этот метод перекрытия должен быть принят во внимание в начале процесса. И это означает, что вы не должны использовать разделение, обрезку или слияние в навигаторе, если вы стремитесь к веб-публикации. Этот случай обсуждался в этом ответе , который почти дублируется.

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

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

@joojaa Похоже, проблема была связана с артефактами, спасибо за обучение этому. Я попробовал опцию Offset Path , но в итоге открыл исходный файл и снова попробовал Image Trace и нашел опцию предварительной настройки в Image Trace , называемую Method , которая изменила пути с выреза на стопку.
Приятным побочным эффектом (ИМХО) является то, что изображение слева имеет меньше точек, поэтому результирующий SVG будет меньше. :)
Просто хочу добавить, что метод перекрытия рекомендуется не только для публикации в Интернете, но и для печати. Плотно прилегающие пути могут испортить процесс отлова.