Изображения товаров в магазине привлекают покупателя и дают представление о продукте. Помимо внешнего вида, фотографии определяют вес страниц сайта и влияют на то, с какой скоростью они будут загружаться. Чтобы добиться оптимального качества фотографий и при этом не ухудшить загрузку, необходимо правильно подготовить изображения перед добавлением их на сайт.
Добавить фото можно во вкладке Фотографии в редактировании конкретного товара. Рассмотрим подробно размер загружаемых изображений для продукта в магазине.
Технические требования, которым должно соответствовать загружаемое изображение
1. Формат файла: предпочтительный формат — JPEG. Также поддерживаются файлы с расширением PNG и GIF. Изображение формата GIF при загрузке может обрабатываться некорректно.
2. Имя файла: может состоять из латинских, кириллических символов, цифр, а так же любых специальных символов.
3. Цветовой профиль: sRGB — для оптимальной цветопередачи на экранах.
Пропорции фото
Необходимо загружать фотографии с пропорциями, указанными в разделе Магазин > Оформление > Страница товара. Если добавить фото с другими пропорциями, то оно будет выравниваться по меньшей стороне и обрезаться по большей.
Что происходит после загрузки изображения на сайт?
При загрузке система автоматически преобразует изображение и создает несколько копий фотографий в разных размерах — для оптимального отображения на устройствах с разными экранами. Пропорции изображения при этом сохраняются.
В результате создаются три копии фотографии в разных размерах:
- с большей стороной 512 пикселей
- с большей стороной 1024 пикселей
- с большей стороной 2048 пикселей
Например, если вы загружаете горизонтальное фото 5000×3000 пикселей, максимальная копия будет 2048 × 1229 пикселей. Если вы загружаете вертикальное (портретное) фото 2048×3075 пикселей, максимальная копия будет 1364×2048 пикселей.
Если оригинальное фото меньше одного из целевых размеров, система не увеличивает фотографию. Например, если оригинал фото 1000 пикселей по ширине или высоте, то второй и третий размеры будут копиями оригинала.
Рекомендации по подготовке фотографий для товаров
Для наилучшего результата рекомендуем загружать фотографии в следующем виде:
- Формат: JPEG
- Цветовой профиль: sRGB
- Размер: большая сторона около 2048 пикселей
- Вес файла: до 10 МБ.
Система автоматически оптимизирует изображение после загрузки, поэтому дополнительно уменьшать его вес перед загрузкой не требуется.
Подготовка фотографий для превью в каталоге товаров
Фото, добавляемые для превью и превью при наведении, приводятся к одному размеру, который не превышает 1380х780 пикселей. Если вы загружаете дополнительно фото в качестве превью, то рекомендуем подготавливать их отдельно.
Оцените примерный размер области, которую будет занимать изображение на сайте. Эта область зависит от ширины страницы каталога, от выбранных пропорций в разделе Магазин > Оформление > Страница каталога, от количества превью в одном ряду, от размера экрана монитора.
Подготовьте фото с учетом подобранного размера. Если размер загружаемого изображения отличается от размера, который требуется для отображения фото на сайте, браузер сожмет или растянет его, сохранив пропорции.