Изображения и видео

Раздел «Изображения и видео» позволяет управлять тем, как изображения и видео товаров обрабатываются и отображаются на сайте: задавать размеры, включать оптимизацию, настраивать качество и поведение медиа. Сам процесс добавления изображений и видео в товар описан по ссылке: Как добавить товар

В разделе "Изображения и видео" можно регулировать параметры и задавать настройки отображения медиа контента на вашем сайте. Также в данном разделе для ускорения работы сайта можно создать миниатюры и (или) WEBP версии изображений.

1. Размеры изображений и опции управления миниатюрами и WEBP

• Максимальный размер оригинального изображения товара — ограничивает максимальную ширину и высоту загружаемого изображения. При попытке загрузить в товар изображение, превышающее выставленные параметры будет выводиться соответствующее уведомление.
• Большая миниатюра изображения товара — используется в карточке товара.
• Маленькая миниатюра изображения товара — используется в миникарточках товаров и других местах сайта.
• Изображение категории — может выводиться в плитке категорий или другом месте, в зависимости от устройства используемого шаблона.
• Иконка для меню категории — используется в меню категорий.
• Изображение характеристик — используется для отображения характеристик товара.

Блок управления созданием и удалением миниатюр и WEBP:

• Удалить миниатюры товаров — удаляет все созданные миниатюры.
• Пересоздать миниатюры товаров — создаёт миниатюры для всех существующих товаров на сайте.
  Миниатюры - уменьшенные для ускорения работы сайта копии оригиналов. Изображения в формате WEBP не нарезаются в миниатюры.
• Создать изображения WEBP — создаёт для товаров изображения в формате WEBP. Изображения в этом формате будут созданы только для товаров, у которых ещё нет таких изображений.
  WEBP - это формат изображений, разработанный для ускорения загрузки сайтов.
• Удалить все изображения WEBP — удаляет все созданные для товаров изображения в формате WEBP.
• Выбирая между миниатюрами и WEBP мы рекомендуем использовать WEBP.

2. Основные настройки изображений

• Включить создание и использование миниатюр — если опция включена, то при создании нового товара из его оригинальных изображений создадутся миниатюры, которые будут выводиться на сайте. Если у товара нет миниатюр, то на сайте будут выводиться заглушки.
• Выводить оригинальное изображение, если нет миниатюры — дополняет опцию использования миниатюр и позволяет при отсутствии у товара миниатюр выводить вместо заглушек оригинальные изображения. Настройка распространяется только на публичную часть сайта. Может не поддерживаться шаблоном.
• Переворачивать изображение по meta-информации — автоматически исправляет ориентацию фото. Изображения, сделанные с устройства, оборудованного датчиками положения в пространстве (например, гироскоп или акселерометр на смартфоне), могут неправильно отображаться на сайте. Включите эту опцию, чтобы, при загрузке изображений, переворачивать их в соответствии с meta-информацией. Не используйте эту опцию без необходимости, т. к. она может увеличить время загрузки изображений и потребление оперативной памяти в процессе
• Создавать миниатюры для дисплеев с высоким разрешением — для дисплеев с высоким разрешением, таких как Retina будут создаваться дополнительные миниатюры с разрешением в два раза больше обычных. Если размер файла такой миниатюры окажется больше размера файла оригинального изображения, то будет использована копия оригинального изображения.
• Тип масштабирования изображений - то, как будут масштабироваться миниатюры при их создании.
  • Пропорционально - масштабирование в заданный прямоугольник с сохранением пропорций.
  • Точно - пропорциональное масштабирование в прямоугольник, с обрезанием лишнего.
• Качество миниатюры после сжатия (от 0 до 100) — коэффициент от 0 до 100. Чем меньше значение, тем меньше вес изображения и ниже качество.
• Добавлять время к названиям картинок при загрузке — помогает избежать конфликтов имён при загрузке. После загрузки изображения будут иметь название вида filename_2018-05-08_17-23-08.jpg
• Использовать водяной знак для изображений — добавляет защитную метку на новые изображения товаров.

  Внимание!

  Водяной знак применяется только к новым изображениям. Старые изображения не изменяются. Отменить применение водяного знака невозможно, поэтому перед применением опции рекомендуем делать резервную копию ваших файлов в системе или на хостинге.
• Расположение водяного знака — определяет, где он будет находиться на изображении.
• Использовать WEBP изображения — включает отображение более лёгких версий изображений для ускорения загрузки сайта.
• Метод отображения фото вариантов — задаёт, как изображения вариантов комбинируются с изображениями товара (заменяют, добавляются в начало или в конец и т.д.).

3. Настройки видео

• Автоматическое воспроизведение — видео начинает воспроизводиться сразу после загрузки страницы (не работает для iframe-видео).
• Элементы управления — отображает кнопки управления (пауза, перемотка, звук) (не работает для iframe-видео).
• Зацикливание — видео автоматически повторяется после окончания (не работает для iframe-видео).
• Без звука — видео запускается без звука (не работает для iframe-видео).
• Метод отображения — определяет, где будет показано видео: перед изображениями товара или после них.