Квадратные изображения подходят универсальным маркетплейсам, вертикальные форматы — моде, где модель в полный рост заполняет высокий кадр. Изображение с неверным соотношением сторон маркетплейс обычно дополняет полями или обрезает.
Изменить соотношение после съёмки можно либо полями, которые добавляют пустое пространство, либо расширением фона, которое добавляет новую область изображения вокруг товара.
Чтобы найти соотношение, разделите ширину и высоту на их наибольший общий делитель: 1 200 × 1 800 пикселей, делённые на 600, дают 2:3, а 2 200 × 2 200 пикселей — 1:1. Соотношение вида 1:1,44 задаёт высоту как кратное ширины: изображение шириной 1 000 пикселей тогда должно иметь высоту 1 440 пикселей.
Почему соотношение сторон важно для карточки товара
Результаты поиска и страницы категорий устроены как сетки. Все плитки имеют одинаковую форму, а изображение с другими пропорциями либо обрезают, либо уменьшают, добавляя по краям пустые полосы. В первом случае часть товара теряется; во втором он выглядит меньше, чем соседние товары.
Соотношение сторон также определяет, сколько места получит товар. Высокий кадр подходит для стоящей модели или длинного платья; квадратный — для сумки, обуви или товара в коробке. Если выбрать пропорции до съёмки, изображение не придётся перестраивать позже.
Распространённые соотношения и их применение
Для большинства задач онлайн-торговли подходят несколько пропорций. 1:1 — квадратный формат для обычных маркетплейсов и товарных сеток. 4:5 и 3:4 — вертикальные форматы для моды и лент соцсетей. 2:3 — классический вертикальный формат фотографии. 9:16 заполняет экран телефона в историях и коротких видео, а 16:9 — широкий формат баннеров и видео.
Соотношение записывают как ширину к высоте, поэтому 4:5 — вертикальное, а 5:4 — горизонтальное. Оно ничего не говорит о размере: небольшое и крупное изображения могут иметь одинаковые пропорции.
Изменение соотношения после съёмки
Есть три способа изменить пропорции, и каждый требует компромисса. Обрезка удаляет часть изображения. Добавление полей сохраняет всё содержимое и добавляет по краям однотонное, обычно белое, пространство. Расширение дорисовывает фон вокруг снимка: товар остаётся целиком, но появляется область, которую не фотографировали.
Выбор зависит от снимка. Для товара на чисто-белом фоне подходят поля, и это незаметно. Сцену с моделью нужно расширить или переснять: белая полоса рядом с улицей будет выглядеть как ошибка.
Соотношение сторон и связанные термины
- Размеры изображения
- Размеры изображения — это ширина и высота в пикселях. Соотношение сторон описывает отношение этих чисел; изображения очень разного размера могут иметь одинаковые пропорции.
Заполнение кадра товаром- Заполнение кадра — доля изображения, занятая товаром. Добавление полей для новых пропорций уменьшает заполнение; это важно, если маркетплейс установил минимальное значение.
- Расширение изображения за края
- Outpainting расширяет изображение за его края, создавая новый фон. Это способ получить другие пропорции, не обрезая объект и не добавляя полосы.
- Миниатюра
- Миниатюра — маленькая версия изображения в списке. Обычно её обрезают под пропорции сетки, поэтому края изображения с другим соотношением сторон теряются в первую очередь.
Проверка перед изменением пропорций
- Целевое соотношение сторон выбрано по правилам канала продаж, а не по настройкам камеры по умолчанию.
- После изменения товар по-прежнему целиком помещается в кадр, и со всех сторон остаётся немного свободного места.
- Добавленные поля совпадают по цвету с фоном, поэтому полосы и границы не видны.
- Расширенные участки внимательно проверены: пол, тени и узоры продолжаются без швов.
- После обрезки разрешения в пикселях по-прежнему достаточно, поскольку обрезка уменьшает и площадь, и число пикселей.