Фотографии товаров: размеры и оптимизация

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

Понимание того, как работать с фотографиями товаров, начинается с назначения каждого файла. Главному снимку нужны читаемость и быстрый просмотр, дополнительным — детали и разные ракурсы, а для экспорта в Kaspi, Forte Market, Halyk Market или Instagram Shopping следует учитывать правила конкретной площадки. Исходник лучше сохранить, а готовые версии готовить отдельно.

Форматы изображений и их сравнение

Для большинства товарных фотографий применяют JPEG, PNG или WebP. Универсального варианта нет: выбор зависит от фона, требований сервиса и важности скорости загрузки. Прозрачность, схемы и упаковка с мелкими деталями требуют иного подхода, чем предмет на белом фоне.

В мобильном каталоге для обычного снимка практичен JPEG с качеством около 80–85%. PNG оставляют для прозрачного фона и графики, а WebP используют там, где его поддерживают загрузка и экспорт. Если требования площадки не заданы, лучше ориентироваться на максимальную совместимость, а не на новейший формат.

Подготовка исходников без потери качества

Исходное изображение должно иметь запас по разрешению: цветовые переходы, текст и мелкие фактуры не должны рассыпаться после уменьшения. Для большинства карточек достаточно снимка 1200–1600 пикселей по длинной стороне, если исходная съёмка не требует более широкого кадра. Файлы сохраняют в RGB или sRGB, чтобы цвета не менялись при просмотре.

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

Сжатие файлов для мобильной витрины

Сжатие уменьшает вес файла без изменения размеров кадра. Для главной фотографии на телефоне разумный ориентир — 200–500 КБ, хотя сложные изображения с текстом или плотной текстурой могут быть тяжелее. Слишком агрессивное кодирование даёт блочные артефакты, размытые границы и неестественный оттенок кожи.

Сначала уменьшите разрешение до рабочего размера, затем сожмите результат в выбранном формате. JPEG обычно подходит для фотографий, PNG — для прозрачности, WebP — для небольших веб-изображений. После обработки откройте файл на реальном смартфоне и сравните с исходником при увеличении.

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

Размеры для мини-магазина и маркетплейсов

Если сервис не устанавливает собственный стандарт, используйте квадратную главную фотографию 1200×1200 пикселей. Дополнительные снимки можно сделать вертикальными, сохранив пропорцию 3:4 и длину стороны от 1200 до 1600 пикселей. Так товар остаётся заметным в миниатюре и получает достаточно места для деталей.

Требования маркетплейсов имеют приоритет: проверяйте допустимое разрешение, соотношение сторон, формат и вес для каждой категории. Одна и та же картинка, хорошо выглядящая в мобильном магазине, может быть отклонена в карточке Kaspi или Instagram Shopping из-за белого фона, рамки или слишком крупного файла.

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

Единый стиль каталога

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

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

Практические рекомендации по изображениям

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

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

• Снимайте или сохраняйте исходник с разрешением не ниже 1200 пикселей по длинной стороне.
• Делайте главное фото квадратным, с товаром целиком и без лишнего фона.
• Сжимайте JPEG или WebP до 200–500 КБ, если детализация позволяет.
• Проверяйте миниатюру, полноразмерный просмотр и границы кадрирования на смартфоне.
• Храните PNG для прозрачности и графики, не применяя его к обычным фото.
• Подготавливайте отдельную версию для требований каждого маркетплейса.

Рабочий порядок публикации

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

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

Главный ориентир прост: покупатель должен быстро увидеть товар, рассмотреть важные детали и получить предсказуемое изображение во всех каналах продаж.