> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Как подготавливать фотографии для интернет-магазина?

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

Добавить фото вы можете во вкладке **Фотографии** в редактировании конкретного товара. Рассмотрим подробно размер загружаемых изображений для продукта в магазине.

![screen-105.png](https://storage.crisp.chat/users/helpdesk/website/-/e/8/b/3/e8b361eeffe28800/eba75a24-8f9d-452c-b930-846bf7_19dcpn1.png)

---

# Технические требования, которым должно соответствовать загружаемое изображение

1. Расширение файла: поддерживаются файлы с расширением JPEG (предпочтительный формат) и PNG. Изображение формата GIF при загрузке может обрабатываться некорректно.

2. Имя: может состоять из латинских, кириллических символов, цифр, а так же любых специальных символов.

3. Количество точек на дюйм: **72 dpi**.

4. Цветовой профиль: для оптимальной цветопередачи, загружаемые фотографии должны быть сохранены в профиле **sRGB**.

---

# Пропорции фото

Необходимо загружать фотографии с пропорциями, указанными в разделе **Магазин** > **Оформление** > **Страница товара**. Если добавить фото с другими пропорциями, то оно будет выравниваться по меньшей стороне и обрезаться по большей.

![screen-106.png](https://storage.crisp.chat/users/helpdesk/website/-/d/a/8/8/da8855b59c54a800/231c14f7-6cc8-4526-9463-11261c_h06lfr.png)

---

# Что происходит после загрузки изображения на сайт?

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

В результате сохраняются три копии фотографии с различной шириной:

* с шириной 512 пикселей
* с шириной 1024 пикселей
* с шириной 2048 пикселей

При этом высота фотографии изменяется пропорционально ширине. Т.е. если вы загружаете оригинал фотографии размером 5000 пикселей по ширине и объемом 2 мб, максимально используемая сайтом копия фото будет по ширине 2048 пикселей и объемом около 1 мб.

Если какой-то из размеров больше оригинала, фото не обрабатывается. Например, если оригинал фото 1000 пикселей по ширине, то второй и третий размеры будут копиями оригинала.

Мы рекомендуем подготовить фотографии заранее, перед загрузкой их на сайт. Оптимально уменьшать размер фотографий до 600 кб. Это позволит ускорить работу сайта. **Самое оптимальное фото — это изображение не более 2000 рх по ширине и объемом не более 600 кб.**

---

# Подготовка фотографий для превью в каталоге товаров

![screen-107.png](https://storage.crisp.chat/users/helpdesk/website/-/5/b/2/4/5b24cbf973295000/5eae541b-3cdc-4e28-92ce-e4ee3b_yrlaff.png)

Фото, добавляемые для превью и превью при наведении, приводятся к одному размеру, который не превышает 1380х780 пикселей. Если вы загружаете дополнительно фото в качестве превью, то рекомендуем подготавливать их отдельно.

Оцените примерный размер области, которую будет занимать изображение на сайте. Эта область зависит от ширины страницы каталога, от выбранных пропорций в разделе **Магазин** > **Оформление** > **Страница каталога,** от количества превью в одном ряду, от размера экрана монитора.

![Screenshot-101.png](https://storage.crisp.chat/users/helpdesk/website/-/5/3/8/3/5383cffb6d22e00/95c49a92-3119-426b-9885-547cf8_kf6r2z.png)

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