Photo to SVG: Как превратить картинку в векторный файл

Фотографии — самый сложный материал для векторизации. Вот почему

Преобразование фото в SVG — это не просто смена формата, это интерпретация. Фотография имеет непрерывные тона: тысячи промежуточных цветов, мягкие градиенты, вездесущая текстура. Трассировщик должен решить, какие из этих тонов станут реальными фигурами, и это решение является главной задачей. Если ваше фото уже готово, бесплатный онлайн-конвертер PNG в SVG выполнит преобразование менее чем за минуту; остальная часть этого руководства посвящена тому, чтобы результат получился именно таким, как вы задумывали.

Для начала одно уточнение. Преобразование логотипов, скриншотов и плоской графики — это другая (более простая) задача, описанная в руководстве по преобразованию любого изображения в SVG. Эта статья посвящена тому, что касается конкретно фотографий: силуэтам, линейным рисункам, полноцветным трассировкам и подготовке, от которой зависит, будет ли результат пригодным для использования.

Поймите, что вы просите: трассированное фото — это не фотография. Трассировщик воссоздает ваше изображение в виде наложенных друг на друга плоских цветовых фигур — думайте об этом как о плакатном искусстве, а не о точной копии — и он никогда не придумает деталей, которые камера не зафиксировала. А если какой-то «конвертер» выдает вам .svg, который все еще выглядит точь-в-точь как ваше фото, откройте его в текстовом редакторе: один гигантский тег base64 <image> вместо элементов <path> означает, что файл — это просто ваш JPG в маскировке, а не вектор.

Перед трассировкой: 60 секунд подготовки, которые решают всё

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

• Обрежьте плотно. Сделайте так, чтобы объект заполнял кадр. Каждый оставленный пиксель фона — это ресурс, который трассировщик тратит на то, что вам не нужно.
• Увеличьте контраст. Для силуэтов и линейных рисунков разница между объектом и фоном — это все. Автоконтраста в большинстве фоторедакторов будет достаточно.
• Упростите фон. Однотонная стена, небо или простыня превращают посредственную трассировку в чистую. Перегруженные фоны и объекты сливаются в кашу.
• Используйте самый большой оригинал из доступных. Больше исходных пикселей означает более плавные восстановленные кривые. Миниатюра размером 200 пикселей никогда не трассируется хорошо — это проблема разрешения, которую не исправит ни один пресет.

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

Какие фотографии трассируются хорошо, а какие — никогда

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

• Трассируется хорошо: высокий контраст между объектом и фоном, четкие края, плоское освещение, уже стилизованные арты, жирная графика на однотонном фоне.
• Никогда не трассируется хорошо: объекты, сливающиеся с перегруженным фоном, мелкая текстура повсюду (волосы, мех, листва), шум от слабого освещения, крошечные миниатюры.
• Должно оставаться в растре: все, ценность чего заключается в том, что это фотография. Свадебный снимок, который должен выглядеть как свадебный снимок — это работа для JPG. Компромиссы изложены в статье SVG против PNG.

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

Где на самом деле окупается фото в формате SVG

Четыре варианта применения оправдывают конвертацию сразу после получения файла:

• Режущие плоттеры — трассированный силуэт — это именно то, что используют Cricut и Silhouette; подробности в руководстве по SVG файлам для Cricut и лазерной резки.
• Лазерная гравировка — граверы следуют векторным путям, а не пикселям; чистая ЧБ трассировка объекта — это именно тот ввод, который им нужен.
• Широкоформатная печать — плакат, баннер или оклейка автомобиля масштабируются из одного трассированного файла без пикселизации.
• Веб-арт в стиле плаката — постеризованный вид — это законное дизайнерское решение, а в формате SVG он весит меньше, чем фото, которое он заменяет, даже при размере рекламного щита.

Обрабатываете целый набор — свадебные портреты, листинги на Etsy, каталог продуктов? Это пакетная работа: руководство по пакетной конвертации рассказывает, как прогнать десятки фотографий через один согласованный профиль настроек.