Краткий ответ
Обычные советы Shopify по размеру фото товара рассчитаны на статичные кадры галереи, часто около 2048 × 2048 px по квадрату. 360°-обзор это другая задача: вы снимаете серию кадров (обычно альбом 4:3 на компьютере, опционально портрет 3:4 на телефоне, до 36 кадров), храните её вне галереи темы и отдаёте сжатые WebP или AVIF с CDN после нажатия покупателя. Spinnify 360° Studio берёт на себя изменение размера и доставку, чтобы магазин не заливал в файлы Shopify многомегабайтные оригиналы ради оборота на карточке.
По запросу про размер фото товара в Shopify в выдаче снова и снова повторяется один и тот же квадратный чеклист из справки и блогов агентств. Для каталожных снимков он полезен. Как только появляется интерактивный 360°-обзор, этого мало. Слоты галереи, лимиты темы и собственный конвейер изменения размера в Shopify никогда не были рассчитаны на тридцать шесть тяжёлых кадров на каждый артикул.
В статье оставляем привычные размеры статичных фото Shopify, затем показываем, что меняется для серии 360-кадров, как Spinnify 360° Studio защищает Largest Contentful Paint ленивым виджетом и где пора перестать пихать оригиналы в тему. Шаги установки (блок приложения, поле сопоставления, подключение) разобраны в гайде по интеграции 360°-обзора в Shopify. Здесь фокус на размере, весе и доставке.
Что Shopify рекомендует для статичных фото товара
Публичные рекомендации Shopify по съёмке товара по-прежнему крутятся вокруг чётких квадратных кадров для основной галереи. Практичный ориентир многих магазинов: около 2048 × 2048 px для главного фото при разумном весе файла, чтобы тема могла строить адаптивные варианты. Такого размера хватает для увеличения, экранов высокой плотности и выгрузок на площадки без необходимости отдавать каждому посетителю сырой файл с камеры.
На карточке товара Shopify и тема обрезают или масштабируют эти кадры в миниатюры, главное изображение и превью для соцсетей. Модель простая: одно фото равно одному слоту галереи. Магазинам, которые продают только плоскими каталожными снимками, этого достаточно. Путаница начинается, когда серию 360° воспринимают как «ещё немного размера фото на карточке Shopify» и пытаются положить каждый кадр в файлы или медиабиблиотеку.
Статичные правила отвечают на вопрос «каким должно быть главное фото?». Они не отвечают на вопрос «как снимать, хранить и отдавать многокадровый обзор, чтобы скорость страницы оставалась здоровой?». Это разные конвейеры под похожим поисковым запросом.
Что меняется для серии 360°-кадров
360°-обзор товара это упорядоченный набор кадров, а не один квадратный мастер. В Spinnify 360° Studio основная серия для компьютера снимается в альбомном соотношении 4:3, до 36 кадров. Опциональная мобильная серия использует портрет 3:4, чтобы на телефоне композиция ложилась в экран. Имя товара в Spinnify 360° Studio должно совпадать с артикулом варианта в Shopify (сопоставление без учёта регистра). Облачной автообрезки, которая «сама» улучшит кадрирование, нет: вы снимаете ровно по центру, сервис доставляет кадры.
Вторая разница в доставке. Виджет на витрине не вшивает десятки полноразмерных кадров галереи в начальный HTML. Он подключается после нажатия покупателем контрола 3D. Затем кадры приходят как сжатые WebP или AVIF с CDN под размер просмотрщика, а не как многомегабайтные оригиналы со студийной камеры. Поэтому «размер изображений Shopify для 360» это другой вопрос, чем «размеры изображений Shopify» для одного каталожного снимка.
Если всё равно залить огромные оригиналы в тему Shopify, вы платите дважды: вес темы растёт, а нормального просмотрщика обзора всё равно нет. Статичные кадры галереи оставляйте в Shopify. Серию оборота держите в Spinnify 360° Studio.
Статичная галерея и 360°-кадры: размер и доставка
Таблицу удобно использовать как фильтр планирования, когда фотограф или агентство спрашивают, какой размер фото Shopify снимать. Одна колонка это привычный кадр галереи. Другая это серия обзора, которой не место в каждом слоте темы.
| Статичная галерея Shopify | Серия 360°-кадров (Spinnify) | |
|---|---|---|
| Типичные размеры | Часто ~2048 × 2048 px квадрат | Альбом 4:3 (до 36 кадров); опционально мобильный 3:4 |
| Где лежат файлы | Медиа товара / тема Shopify | Spinnify 360° Studio + CDN |
| Когда грузятся байты | С галереей / кандидаты на LCP | После нажатия покупателем контрола 3D |
| Формат отдачи | Адаптивные изображения темы | Сжатые WebP / AVIF с CDN для просмотрщика |
| Работа магазина с размером | Экспорт одного главного фото и альтов | Ровная съёмка кадров; Spinnify меняет размер для отдачи |
| Связь с каталогом | Медиа привязаны в админке | Имя товара ↔ артикул варианта (без учёта регистра) |
Путь Spinnify 360° Studio (размер без раздувания темы)
Spinnify 360° Studio устроен так, чтобы магазин перестал воспринимать 360-кадры на Shopify как свалку в файлы. Вы снимаете или импортируете серию кадров (или короткий ролик со стола, который становится кадрами), публикуете товар под именем как артикул варианта и даёте блоку приложения Shopify показать контрол 3D на шаблоне карточки. Тяжёлая работа по нужной плотности пикселей идёт на CDN Spinnify, а не в каждом теге изображения темы при первой отрисовке.
Это честный ответ на вопрос про размер фото на карточке Shopify, когда магазину на самом деле нужен обзор. Квадратные статичные кадры могут следовать статичному ориентиру Shopify. Оборот живёт в отдельном просмотрщике, который грузится по нажатию, поэтому LCP остаётся привязан к главному каталожному фото, а не к тридцати шести кадрам, которые борются за трафик при каждом визите.
Если Core Web Vitals на карточке уже болят, сопоставьте эту модель размеров с заметками про 360° в Shopify без удара по PageSpeed. Если кадры берутся из ролика, а не из покадровой съёмки, смотрите вращающееся видео товара для интернет-магазина.
Ошибки, которые магазины делают один раз
Большинство сбоев это не загадочные ошибки API. Это привычки размера и размещения, скопированные со статичной съёмки в формат, которому не место в галерее.
- Класть всю серию 360° в файлы Shopify так, будто каждый кадр это слот галереи.
- Снимать только квадратные мастера 1:1 и ждать поведения серии 4:3.
- Отдавать в тему многомегабайтные оригиналы с камеры и надеяться, что Shopify «починит» отдачу обзора.
- Называть товар в Spinnify 360° Studio иначе, чем артикул варианта (сопоставление без учёта регистра, но не «примерно похоже»).
- Ждать, что облачная автообрезка спасёт смещённые или обрезанные кадры.
- Проверять успех только в превью редактора темы, а не на живом адресе карточки с настроенным полем сопоставления.
Итог
Размер фото товара Shopify для статичных кадров и размер изображений для 360° это родственные запросы с разными конвейерами. Квадратные, разумно сжатые главные фото оставляйте в Shopify. Для обзора снимайте ровную серию 4:3 (и опционально 3:4), публикуйте её в Spinnify 360° Studio и отдавайте WebP/AVIF с CDN плюс виджет по нажатию. Так вы получаете 360-кадры на Shopify, не превращая тему в самодельное хранилище медиа.
Готовы опубликовать обзор без раздувания темы: Откройте Spinnify 360° Studio. Когда размеры ясны и нужна установка, читайте гайд по интеграции 360° в Shopify.
