В интернет-магазине фотография заменяет витрину, примерочную и консультанта одновременно. По нашим наблюдениям, замена любительских снимков на единообразную студийную съёмку поднимает конверсию карточек на 20–40%, а в одежде и мебели заметно снижает возвраты. Ниже — стандарты, которые мы передаём клиентам перед запуском каталога: что снимать, как обрабатывать и в каком виде отдавать файлы разработчикам.
Почему фотографии решают больше, чем дизайн сайта
Посетитель карточки товара в первые секунды смотрит на главное изображение, затем пролистывает галерею и только потом читает цену и характеристики. Если на снимке плохо виден материал, непонятен размер или цвет отличается от реального, человек либо уходит, либо покупает и возвращает. Возврат в дистанционной торговле обходится магазину в две доставки и часто в потерю товарного вида.
Вторая причина — доверие. Фотографии, скачанные с сайта производителя или с маркетплейса, встречаются у десятков конкурентов. Покупатель видит одинаковые картинки в разных магазинах и выбирает по цене. Собственная съёмка выделяет магазин, показывает, что товар действительно есть на складе, и даёт материал для рекламы и соцсетей.
Третья — единообразие каталога. Когда в одной категории соседствуют фото на белом, сером и пёстром фоне, разного размера и с разными тенями, листинг выглядит как барахолка. Даже самый продуманный дизайн сайта не спасёт каталог, в котором каждая карточка снята по-своему.
Набор снимков для одной карточки
Количество фотографий зависит от категории, но минимальный набор есть всегда. Покупателю нужно увидеть товар целиком, детали, масштаб и как он выглядит в использовании. Мы рекомендуем закладывать от 4 до 8 снимков на позицию, для одежды и мебели — до 10–12.
Главный кадр
Товар целиком на однородном фоне, анфас или в три четверти. Именно он показывается в каталоге и в поиске.
Ракурсы
Вид сзади, сбоку, сверху, снизу — всё, что покупатель хотел бы рассмотреть, взяв товар в руки.
Детали
Макросъёмка фактуры, швов, фурнитуры, разъёмов, маркировки. Именно здесь видно качество.
В использовании
Товар в интерьере, на модели, в руке. Даёт понимание масштаба и вызывает эмоцию.
Для товаров, где важен размер, добавьте кадр с понятным масштабом — рядом с рукой, на стандартной полке, с линейкой. Для комплектов — раскладку всего содержимого коробки. Для техники — снимок задней панели с разъёмами. Посмотрите вопросы, которые покупатели задают менеджерам: каждый частый вопрос — подсказка, какого кадра не хватает.
Фон, свет и цвет
Для главного кадра стандарт — чистый белый или очень светлый нейтральный фон. Он хорошо смотрится в любом дизайне, не отвлекает от товара и соответствует требованиям большинства рекламных площадок и маркетплейсов. Если концепция магазина требует цветного фона, выберите один оттенок для всего каталога и придерживайтесь его без исключений.
Свет — главный инструмент предметного фотографа. Нужен мягкий рассеянный свет без резких бликов и глубоких теней: софтбоксы, светлые отражатели, отказ от встроенной вспышки. Для глянцевых поверхностей — посуда, электроника, украшения — свет ставится так, чтобы блики подчёркивали форму, а не скрывали её. Блестящие предметы — отдельная задача, и экономить на профессионале здесь не стоит.
Цветопередача критична для одежды, текстиля, косметики и краски. Покупатель, получивший «бордовый» свитер, который на фото был «вишнёвым», оформит возврат. Снимайте с серой картой для калибровки баланса белого, проверяйте результат на откалиброванном мониторе и сравнивайте с товаром вживую. В описании полезно указать, что оттенок может немного отличаться на разных экранах, но это не заменяет точной съёмки.
Технические стандарты файлов
Разработчикам и контент-менеджерам нужны не просто красивые снимки, а файлы, готовые к загрузке. Если договориться о стандартах заранее, наполнение каталога пройдёт в разы быстрее, а сайт будет загружаться быстро даже с сотнями изображений в категории.
| Параметр | Рекомендация | Зачем |
|---|---|---|
| Пропорции | Единые для всего каталога: 1:1 или 3:4 | Ровная сетка в каталоге без обрезки и пустот |
| Размер исходника | От 2 000 px по длинной стороне | Зум в карточке и запас для ретины |
| Поля вокруг товара | 5–10% от края кадра | Товары одного размера в сетке, без «прилипания» к краю |
| Формат исходника | JPEG высокого качества или PNG | Сайт сам сделает WebP и AVIF нужных размеров |
| Цветовой профиль | sRGB | Одинаковые цвета во всех браузерах |
| Вес файла на сайте | до 150–200 КБ для карточки, до 50 КБ для превью | Быстрая загрузка на мобильном интернете |
Не нужно вручную готовить по пять размеров каждого снимка. Современный сайт сам генерирует превью для каталога, средний размер для карточки и большой для зума, конвертирует в WebP и отдаёт браузеру подходящий вариант. От вас требуются качественные исходники единого формата. О том, как изображения влияют на скорость, мы подробно рассказали в статье про скорость загрузки магазина.
Обработка: что допустимо, а что вредит
Ретушь нужна: убрать пыль, ворсинки, мелкие царапины на образце, выровнять фон до чистого белого, скорректировать баланс белого и экспозицию. Для одежды — убрать заломы, которых не будет у нового товара. Это честная подготовка, которая показывает товар таким, каким его получит покупатель.
Недопустимо менять то, что влияет на решение о покупке: цвет, фактуру, пропорции, качество материала. Сглаженная до пластика кожа, исчезнувшие швы, «улучшенный» оттенок — всё это ведёт к возвратам и негативным отзывам. Отзыв «на фото выглядит дороже» снижает конверсию сильнее, чем честная, но чуть менее эффектная фотография.
Вырезка фона и тени
Автоматические сервисы удаления фона сейчас справляются с простыми предметами, но на сложных контурах — мех, бахрома, прозрачные детали, тонкие ремешки — оставляют рваные края и ореолы. Для главного кадра такие артефакты заметны сразу, особенно при зуме. Если товаров много, разумно автоматизировать вырезку для простых категорий, а сложные позиции отдавать ретушёру. Мягкая естественная тень под предметом делает снимок объёмнее: товар, «висящий» в белой пустоте без тени, выглядит как коллаж и вызывает меньше доверия.
Ещё один практический момент — одинаковый масштаб внутри категории. Если кружка объёмом 300 мл и кружка на 500 мл на фото одинакового размера, покупатель не поймёт разницы и закажет не то. Для таких категорий снимайте с фиксированного расстояния и не растягивайте мелкие предметы на весь кадр, либо добавляйте кадр с понятным масштабом.
Отдельно об инфографике на фото. На маркетплейсах она стала стандартом, но на собственном сайте надписи поверх снимков чаще мешают: дублируют характеристики, плохо читаются на мобильном и не индексируются поисковиками. Ключевые преимущества лучше вынести в текст рядом с галереей, а снимки оставить чистыми.
Организация файлов и загрузка на сайт
Самая скучная часть работы оказывается самой важной, когда в каталоге несколько тысяч позиций. Без системы именования через полгода никто не найдёт, какой снимок к какому товару относится, а при обновлении фото неизбежны ошибки. Договоритесь о правилах до первой съёмки.
Имя файла по артикулу
Схема вида «артикул_номер-кадра.jpg»: первым идёт главный кадр. Так фото автоматически привязываются к товарам при импорте, без ручного сопоставления.
Варианты товара
Для каждого цвета — свой набор снимков с артикулом варианта. При выборе цвета в карточке галерея переключается на нужные фото.
Хранилище исходников
Исходники в полном разрешении хранятся отдельно от сайта — на файловом сервере или в облаке. Пригодятся для рекламы, печати, переезда на новую платформу.
Альтернативный текст
Для каждого изображения формируется alt по шаблону: название товара плюс ракурс. Это помогает и поиску по картинкам, и доступности для незрячих посетителей.
При интеграции с учётной системой фотографии часто передаются вместе с номенклатурой. Это удобно, но тяжело: каждый обмен гоняет гигабайты. Лучше передавать фото один раз и затем только ссылки или признак изменения. Такую схему мы обычно закладываем при разработке интернет-магазина с большим каталогом.
Своими силами или с фотографом
Для небольшого каталога из однотипных товаров можно организовать съёмку в собственном помещении. Комплект из двух постоянных источников света с софтбоксами, фотобокса или белого бесшовного фона, штатива и камеры среднего уровня обходится в разумную сумму и окупается на нескольких сотнях позиций. Главное — один раз выставить свет и настройки, записать их и дальше снимать по шаблону.
Предметная студия оправдана для сложных товаров (стекло, металл, украшения), для съёмки на моделях, интерьерных кадров и для крупных партий, когда нужна скорость. Средняя стоимость съёмки одного товара в студии зависит от сложности: от нескольких сотен рублей за простой предмет на белом фоне до нескольких тысяч за ракурсы с ретушью и съёмку на модели. Считайте бюджет на весь стартовый ассортимент и заранее планируйте съёмку новинок.
Несколько правил, которые экономят время независимо от того, кто снимает:
- Утвердите эталонный кадр для каждой категории и показывайте его фотографу перед каждой съёмкой.
- Снимайте все товары одной категории за одну сессию с одинаковыми настройками.
- Проверяйте цвет на образце при дневном свете перед публикацией.
- Храните исходники отдельно от сайта и с понятной структурой папок.
- Раз в квартал проверяйте каталог на товары без фото или с одним кадром.
Коротко о главном
Фотографии — основной аргумент покупки в интернет-магазине, и экономия на них обходится дороже самой съёмки. Стандарт для карточки — 4–8 единообразных кадров: главный на светлом фоне, ракурсы, детали и товар в использовании. Честная цветопередача и аккуратная ретушь без приукрашивания снижают возвраты. Договоритесь о технических требованиях и именовании файлов до начала съёмки, и тогда наполнение каталога пройдёт быстро, а сайт останется лёгким и аккуратным даже на тысячах позиций.
Нужен сайт или интернет-магазин?
Обсудим задачу, подскажем подходящую платформу и оценим сроки и бюджет — бесплатно и без обязательств.
Обсудить проект
