Язык: RU
Начать бесплатно

Фото товаров BigCommerce, в формате темы магазина.

BigCommerce создаёт миниатюры и другие размеры из каждого загруженного изображения и растягивает либо сжимает фото, если его соотношение сторон не совпадает с настройками темы. Студия товаров Herofab по одному снимку размещает товар на студийном фоне или в оформленной сцене и создаёт каталог в едином формате — в 2K или 4K.

Тот же флакон на деревянной поверхности · Предметная студия
Исходное фото: Фото товара. Создано в Herofab · Предметная студия
Стоит знать

Как тема BigCommerce обрабатывает загрузку.

  1. 1

    Формат, который тема не искажает

    BigCommerce советует сохранять одинаковое соотношение сторон у фото товаров, используемых как миниатюры; изображение, не совпадающее с настройками темы, будет растянуто или сжато. Проверьте, какой формат ожидает тема, и заказывайте все товары в нём. Студия товаров создаёт квадратные, портретные и альбомные изображения, поэтому формат задаётся при заказе.

  2. 2

    Цветовые профили удаляются при загрузке

    При загрузке фото товаров BigCommerce удаляет цветовые профили и рекомендует сохранять изображения без них. Поэтому магазин показывает фото без профиля; цвет следует проверить после загрузки: сравните страницу товара с предметом при дневном свете, начиная с ярко-красных и тёмно-синих оттенков и металлических поверхностей.

  3. 3

    Первое изображение и его описание

    Первое изображение в списке товара становится изображением по умолчанию на его странице и в функции быстрого просмотра. Поэтому первым поставьте наиболее ясный снимок товара целиком. Описание изображения используется как alt-текст; если оно пустое, BigCommerce подставляет название товара. Изображения вариантов не имеют описаний, и каждому варианту соответствует одно изображение.

Рекомендуется
Оптимальный размер фото товаров — 1 280 × 1 280 пикселей, хотя документация темы может предлагать другой размер
Форматы
JPEG/JPG, GIF, WebP и PNG; TIFF и PDF не поддерживаются, а при импорте CSV исключается и BMP
Размер файла
Не более 8 MB для каждого изображения товара и варианта
Количество
До 1 000 изображений на товар, из которых 250 отображаются в панели управления, и 1 изображение на вариант
Зум
Настройка темы Image sizes управляет увеличенным изображением, которое показывается при наведении; документация API советует для зума давать изображение меньше 1 280 × 1 280 пикселей, иначе возвращается уменьшенное изображение
Миниатюры
Миниатюры и другие размеры создаются из загруженного изображения; первое изображение в списке — изображение по умолчанию на странице товара и в Quick View
Соотношение сторон
Фото товаров, которые используются как миниатюры, лучше держать в одном соотношении сторон; изображение, соотношение которого не совпадает с настройками темы, растягивается или сжимается
Автоматическая оптимизация
CDN BigCommerce сжимает изображения без потерь и может менять формат файла; темы Stencil на базе Cornerstone 4.0 и новее используют srcset для отдачи адаптивных размеров изображений
Alt-текст
Описание изображения становится тегом alt; если оно не заполнено, используется название товара, а изображения вариантов описания не поддерживают
Цветовой профиль
Цветовые профили удаляются из фото товаров при загрузке, поэтому изображения советуют сохранять без цветового профиля
Исходное фото

Исходное фото для каталога BigCommerce.

  • Снимайте высокие товары стоя, а широкие — ровно лежащими, оставляя вокруг место. Так предмет поместится целиком в формат темы независимо от того, какой формат выбран.
  • Снимайте при дневном свете без вспышки: BigCommerce удаляет цветовые профили при загрузке, поэтому достоверно переданный цвет исходного снимка станет ориентиром для последующей проверки.
  • Сохраняйте фокус на гравировке, швах и тексте этикетки. При наведении тема показывает увеличенное изображение, и недостаток резкости исходника заметнее всего именно там.

Одна загрузка — все размеры, которые требует тема

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

Чаще всего каталог не соответствует требованиям по форме. Если соотношение сторон изображения не подходит настройкам темы, оно растягивается или сжимается, но не обрезается: круглые часы станут овальными, а высокая бутылка — приземистой. Все миниатюры, созданные из снимка, повторяют искажение.

Студийное изображение для основного слота и галереи

Первое изображение в списке становится основным на странице товара и в быстром просмотре. «Предметная студия» создаёт его на студийном фоне спереди или под углом три четверти и поддерживает квадратный формат, четыре к пяти, три к четырём, сторис и широкий баннер; выберите нужное теме соотношение при заказе.

Следующие позиции показывают то, чего не даёт основное изображение. «Детальный снимок» кадрирует крупный план гравировки, застёжки или строчки из того же исходника; это подходит для галереи, где покупатели увеличивают товар наведением. Для каждого варианта используется одно изображение, а «Цветовые варианты» перекрашивают один утверждённый снимок, чтобы у каждого варианта сохранялись одинаковые кадрирование и композиция.

Настройки изменения размера и сжатия для этого магазина

Среди размеров скачивания внутри Herofab магазина нет, поэтому готовый файл загружается как есть, уже в пропорциях темы. Квадратное изображение 2K больше оптимального квадрата; в последних темах Stencil на базе Cornerstone атрибут srcset предлагает меньшие адаптивные размеры, созданные из этой загрузки.

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

Вопросы

Фото товаров для BigCommerce: ответы на вопросы.

Достаточно ли результата 2K для страницы товара BigCommerce?

Квадратный результат 2K превышает размер, который BigCommerce называет оптимальным для фото товаров; также доступен вариант 4K. BigCommerce отмечает, что в документации темы могут быть указаны другие размеры, поэтому сначала проверьте её требования. Миниатюры и другие версии создаются из загруженного файла, так что одного файла достаточно; оптимальный размер указан в таблице на этой странице.

Какое изображение показывает увеличение при наведении?

Изображение при наведении задаётся параметром Image sizes темы. В документации API BigCommerce сказано предоставить для увеличения изображение меньше установленного размера, иначе система вернёт уменьшенную версию. Поэтому загрузка в 2K или 4K в этом режиме будет показана в уменьшенном виде; на опубликованной странице проверьте через увеличение этикетку или шов.

Что BigCommerce делает с загруженным PNG или JPG?

BigCommerce принимает PNG и JPG, доступные в загрузках Herofab, а также GIF и WebP; TIFF и PDF не поддерживаются. Для изображений товаров и вариантов установлен предел веса файла, приведённый в таблице на странице. Затем CDN BigCommerce сжимает изображения без потерь и может преобразовать формат, поэтому браузер покупателя получает версию файла от BigCommerce.

Можно ли при импорте товаров через CSV использовать те же форматы изображений, что и при ручной загрузке?

Не совсем. Поддерживаются JPEG, GIF, WebP и PNG; TIFF и PDF запрещены, а импорт CSV дополнительно не принимает BMP. Загрузки Herofab доступны в PNG или JPG, поэтому один файл подойдёт и для ручной загрузки, и для импорта. Перед подготовкой большого импорта «Проверка размера изображения» считывает формат и вес в браузере.

Сколько изображений может быть у товара и сколько отображает панель управления?

У товара может быть очень большая галерея, но панель управления показывает только четверть разрешённого числа, а для каждого варианта предусмотрено одно изображение. Короткой галереей с заранее продуманным порядком проще управлять, чем максимальным набором.

Сколько это стоит?

4 кредита за изображение, плюс один кредит за 4K. В долларах США это от 0,16 $ до 0,48 $ за изображение до уплаты налогов, от самого большого тарифа до самого маленького пакета кредитов. Стоимость видна до генерации, а если задание не удалось, кредиты возвращаются. 20 бесплатных кредитов при регистрации хватает на 5 изображений этим инструментом.

Примеры по товарам
Начало работы

Новая коллекция в кадре уже на этой неделе.

20 кредитов при регистрации, карта не нужна. На изображениях, созданных за бесплатные кредиты, есть водяной знак.