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

Один автомобиль, один запрос. Будет ли он доставлен как чистый вырез или стоящий на студийном полу со своей тенью — это параметр, а не вторая библиотека изображений

fx-transparent
fx-shadow

Тот же автомобиль, четыре способа его доставки.

Не четыре файла в папке. Четыре параметра в одном запросе, определенные поверхностью, которую вы заполняете.

Прозрачный вырез для сеток и темных тем
Прозрачный вырез для сеток и темных тем
Тень контакта, чтобы автомобиль не висел в воздухе
Тень контакта, чтобы автомобиль не висел в воздухе
Отражение пола шоурума для героических изображений
Отражение пола шоурума для героических изображений
Непрозрачный белый, где требуется сплошной фон
Непрозрачный белый, где требуется сплошной фон
fx-mirrored

Две библиотеки изображений всегда расходятся.

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

  • Автомобиль на земле превращается в серое размытие при размере эскиза
  • Вырезка выглядит невесомой в герое
  • Две библиотеки означают две миграции каждый раз, когда что-то меняется
  • Никто не замечает несоответствие, пока не заметит его клиент
lp-car-shadow

Вырезка наследует вашу страницу. Припаркованный автомобиль владеет ею.

В сетке результатов прозрачный PNG — это более безопасный выбор: он принимает любой фон, который используется в вашем дизайне, и никогда не конфликтует с ним. На главной или детальной странице тень придаёт машине вес, не привязывая вас к фиксированному фону.

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

Вопросы, которые нам задают об этом

Чистые ли края у вырезанных изображений?

Да. Прозрачность рендерится в момент доставки, а не вырезается из фотографии, поэтому нет ореола вокруг крыши или колёс.

Могу ли я добавить тень на прозрачный фон?

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

Работает ли это для каждого автомобиля?

Тени, прозрачность и непрозрачная доставка рендерится в момент доставки для каждого внешнего вида, так что доступность равномерна по всему каталогу.

А как быть с темными фонами?

Прозрачный PNG работает на любом фоне, включая тёмные темы. Вот почему его лучше использовать в сетке.

Доступно ли отражение?

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

Почему одно изображение не подходит для любой поверхности, и почему один источник может

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

Обычный ответ — это две библиотеки, и он не работает

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

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

Что использовать где

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

Добавьте изображения автомобилей в свою платформу

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

Спасибо, мы получили ваше сообщение и скоро свяжемся с вами.
Что-то пошло не так. Попробуйте ещё раз или напишите на info@vehicleimagery.com.

Сравнивайте оба на своем макете

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