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