Прозрачное изображение автомобиля — это небольшая суперсила: автомобиль без фона, готовый к размещению на любом дизайне, который вам нужен. Лендинги, приложения в темном режиме, email-рассылки и печатные одностраничники перестают бороться с исходной обстановкой фотографии. В этой статье рассказывается, откуда на самом деле берутся чистые вырезки и какие шаблоны делают их полезными.
Три источника, три уровня качества
Ручная маскировка дает лучшую одиночную вырезку и не масштабируется более чем на несколько изображений. Автоматическое удаление фона масштабируется и оставляет свой след: обгрызенные края зеркал, пиксели ореола вокруг стекла, тени, удаленные наполовину. Сгенерированные изображения обходят проблему, потому что автомобиль создается без фона, а не спасается от него, поэтому канал альфа чист на каждом краю, включая трудные.
- Ручная маскировка: идеальная и непосильная при большом объеме
- Автоматическое удаление: доступно и заметно неидеально
- Сгенерированные вырезки: чистые по конструкции, с одинаковой рамкой
Примечания по форматам, которые спасают от головной боли
Для прозрачности требуется альфа-канал, то есть PNG или WebP. WebP с альфа-каналом значительно легче и в практике универсально поддерживается, поэтому это веб-стандарт; PNG остаётся правильным выбором для передачи в печать и композитных конвейеров. Запрашивайте размер, который рендерите, так как прозрачное изображение всё равно отправляет каждый пиксель, который вы запрашиваете. В руководстве по форматам рассказано подробнее.
Шаблоны дизайна, которые открывают вырезки
Смысл прозрачности в том, что фон становится дизайн-токеном. Один и тот же актив автомобиля работает в каждой теме и сезоне без редактирования изображения:
- Поля с цветом бренда за каждой машиной, одно правило CSS
- Тёмный режим, который просто работает, без переснятых активов
- Сцены сезонных кампаний с автомобилем, вмонтированным в композицию
- Шаблоны электронной почты, где фон — это заполнение ячейки таблицы
- Печатные материалы, где автомобиль находится на макете, а не в рамке
Тени: вопрос привязки к земле
Чистый вырезка висит в воздухе, а висящий выглядит как клипарт, если дизайн не принимает это. Практические варианты — это студийная тень, которая привязывает машину к любой светлой поверхности, или намеренное плоское оформление в макетах с большим количеством иллюстраций. Никогда не работает смешивание привязанных и висящих машин в одной сетке. Варианты и их комбинации находятся на тени, отражения и прозрачность
Если вы оцениваете качество вырезки, увеличьте зеркала, арки колес и края стекла до 200 процентов. Эти три места выявляют любой инструмент автоматического удаления фона за секунды, и чистые результаты там предсказывают чистые результаты везде.
Для рецептов с пользовательскими фонами поверх прозрачных активов, в статье о фонах есть четыре готовых к использованию.
Где вырезки тихо подводят
В производстве повторно проявляются две ошибки. Во-первых, артефакты сжатия вокруг альфа-края при слишком низких настройках качества: автомобиль обзаводится еле заметным хрустящим контуром на тёмных фонах. Во-вторых, полупрозрачные области, такие как стёкла и световые кластеры, где наивные конвейеры производят либо сплошные пятна, либо полные дыры. Проверьте оба варианта, разместив вырезку на чистом чёрном и чистом белом фоне и посмотрев на окна и линию крыши. Чистые результаты на обоих концах означают, что ассет выдержит любой дизайн.
Примечание по бюджету: сама прозрачность не стоит ничего при запросе, так как это параметр, а не этап редактирования. Вы экономите на конвейере ретуши, который для фотокаталогов тихо достигает нескольких минут на изображение и никогда не заканчивается.
