Ни для кого не секрет, что реклама - двигатель торговли. Но чтобы реклама была эффективной, она обязана быть высокого качества. В нашем случае - это контент размещенный в веб-страницах интернет-магазина (ИМ), благодаря которому мы сможем привлечь внимание клиентов к нашим товарам или услугам.

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

На каком фоне должен быть изображен предмет

То на каком фоне должен быть товар, решать вам, однако здесь многое зависит от специфики товара, его цвета, формы, области применения и пр. Отмечу, что не всякий предмет будет выигрышно смотреться на чисто белом фоне. Хотя 99% ИМ публикуют фотографии всех своих товаров именно на белом фоне. Ниже я опишу с чем связано такое явление.

Съемка предметки на белом фоне вызвана следующими основными факторами

• Основной цвет веб-страницы - белый
• Удобство при фотосъемке
• Скорость обработки фотографий
• Вес обработанных файлов
• Легкость в сборке фотоколлажей

Теперь давайте рассмотрим подробней каждый их этих пунктов.

Если основной цвет веб-страниц интернет-магазина - белый

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

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

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

Темные картинки лучше смотрятся на странице с относительно темным фоном

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

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

Фотосъемка предметки на белом фоне удобней в сравнении с другими

Удобство съемки предметки на белом фоне состоит в том, что нет необходимости всякий раз при смене предмета вносить существенные правки в свето-теневую схему освещения (править сетап).
Например, снимая предмет на фоне второстепенных объектов, нужно учитывать освещенность всех объектов композиции. А это может существенно снизить скорость процесса съемки, иногда в разы.

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

Скорость обработки предметных фото с белым фоном в разы быстрей

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

Снимая предмет на белом фоне, фон остается в любом случае идеально чистым, ибо пыль на белом фоне просто не видна, так как она белая. Но если предметная фотосъемка происходит на темном фоне (не говоря уже о черном), в той или иной степени, но вездесущая пыль будет присутствовать на снимках, как бы вы не пытались её убрать перед нажатием на спусковую кнопку камеры. А применение компактного туннельного вентилятора типа "пушки" или пылесоса в большинстве случаев просто невозможно.

Но все это касается лишь тех случаев, когда вы снимаете не большие по размеру предметы, примерно до 15-20 см. Если же предмет большой, например, 35-50 см. и больше, в таком случае царапины и пыль будут не заметны на черном фоне. Снимая крупногабаритные предметы, например, фоторюкзак Lowepro Flipside 400AW, о наличии пыли можно не беспокоиться. Проблема с пылью возникает лишь при существенном увеличении масштаба кадра, например, при съемке крепежного винта для разгрузки, изображенного на фото выше.

Весят обработанные фото с белым фоном гораздо меньше

Если взять две абсолютно одинаковые фотографии по композиции но с разными фонами, например, с белым и каким-то текстурным, вес этих фото будет существенно отличаться. И не важно какие настройки при экспорте фото для WEB вы используете, результат будет одинаковым, при условии что качество оптимизации будет идентичным для двух файлов. Например, при всех прочих равных: размер (px), разрешение (dpi), глубина цвета (bit), фото часов на белом фоне в 2 раза легче чем фото с деревяной текстурой, см. фото ниже.

Фотография с белым фоном легче по одной простой причине - чистый белый фон практически лишен деталей. Таким образом, чистые (равномерные) белые или черные фоны способствуют существенному снижению веса фотографии сохраняя при этом высокую детализацию самого предмета.

Зачем нужно следить за весом фотографий, что это дает?

Следить за весом загружаемых фотографий на сервер нужно обязательно. А лучше это делать еще на этапе подготовки фотографий - оптимизация файлов для WEB-публикации в Фотошопе.
Это нужно делать для того, чтобы ваш ИМ имел шанс (при прочих равных условиях с вашими конкурентами) занять более высокие позиции в органической выдаче поисковых систем. Следовательно, чем выше ваш магазин в поиске, тем больше шансов получить желаемый трафик.

Почему позиции сайта в выдаче зависят от веса фотографий?

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

Все бы ничего, но существуют привередливые алгоритмы поисковых систем, для которых такие показатели как «Поведенческие факторы» и «Время ответа сервера» далеко не пустой звук. Я не буду сейчас рассказывать о специфике работы поисковых алгоритмов ПС, это вы сможете найти на просторах интернета самостоятельно.

Единственное что хотелось бы отметить, если фотография слишком тяжелая (500Кб и больше), соответственно, на загрузку такого файла уходит довольно много времени (несколько секунд), как результат - показатель «Время ответа сервера» низкий, к тому же «Поведенческие факторы» так же страдают от этого, ибо юзер не дождавшись полной загрузки веб-страницы (включительно со всеми картинками) покидает её. Алгоритм анализируя полученые данные делает вывод что скорей всего с релевантностью этой страницы имеются серьезные проблемы. А значит - не место ей в топе!

Собирать фотоколлажи из фото с белым фоном намного проще

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

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

На сегодня это все. Во второй части статьи я расскажу о некоторых простых но весьма интересных приемах фотосъемки предметки. Спасибо за внимание.

Особенности фотосъемки предметки