Требования к изображениям

Рекомендации по изображениям: форматы

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

Общие требования к форматам

Допустимые форматы: JPEG, PNG, SVG, WebP.
Рекомендуемый формат: WebP. Этот формат обеспечивает оптимальное соотношение качества и размера файла, что ускоряет загрузку страниц и экономит трафик.

Контент сайта

Категории продукции

Где загрузить: Продукция → Редактировать категорию → вкладка «Изображения».

Изображение (Фото тизера): max. 440×440 px (За размер изображения отвечает настройка кол-ва в ряд элементов виджета "Каталог товаров" Смотреть ниже)
Изображение при наведении: max. 440×440 px (За размер изображения отвечает настройка кол-ва в ряд элементов виджета "Каталог товаров" Смотреть ниже)
Иконка категории: 50×50 px (отображается для дочерних категорий в меню сайта)
Изображение для задвоенного вида: 920×440 px
Изображение при наведении для задвоенного вида: 920×440 px

Примечание: Изображения для задвоенного вида используются только в виджете «Каталог товаров» при включении соответствующей настройки.

Подробнее о категории в статье: Категории продукции

Товары

Где загрузить: Продукция → Выбрать товар → вкладка «Изображения».

Изображение (Фото тизера)
Изображение при наведении
Изображение для задвоенного вида
Изображение при наведении для задвоенного вида

Размер зависит от настройки кол-ва в ряд элементов виджета "Рекомендуемая продукция". Размер изображений смотреть по таблице ниже.

Количество элементов в строке	Изображение и Изображение при наведении	Для задвоенного вида	Мобильная версия
3	440×440 px	920×440 px	250×250 px
4	320×320 px	680×320 px	250×250 px
6	200×200 px	440×200 px	250×250 px

Иконка: 50×50 px (отображается в раскрывающемся меню на сайте)

Примечание: Изображения для задвоенного вида отображаются в виджете «Каталог товаров» при выборе отображения «Меню слева» или «Меню сверху».

Подробнее о настройке товара в статье: Вкладка Изображения

Пункт самовывоза

Где загрузить: Настройки → Доставка → Филиалы → Пункты выдачи → Редактировать.

Изображение: 680×390 px

Подробнее о настройке пунктов самовывоза в статье: Филиалы

Логотип и Фавикон сайта

Где загрузить: Настройки → Дизайн сайта → Элементы дизайна.

Логотип:

Форматы: JPEG, PNG
Макс. размер файла: 200 kB
Макс. высота: 70 px
Макс. ширина: 200 px

Подробнее о настройке логотипа в статье: Элементы дизайна

Фавикон:

Форматы: ICO, SVG
Макс. размер файла: 200 kB
Рекомендуемый размер: 50×50 px

Подробнее о настройке фавикона в статье: Элементы дизайна

Калькуляция

Иконка

У большинства добавляемых модулей в калькуляции имеется место для загрузки "Иконки".

Иконка отображается в карточке товара рядом с названием параметра. Размер зависит от типа отображения:

Радио баттон с иконками: 32×32 px
Иконка: 120×60 px
Плитка: 230×115 px

Настройка компонента/параметра/материала

Во многих модулях, у добавляемых компонентов/параметров/материалов имеется своя настройка и в каждой можно загрузить некоторые изображения:

Картинка: 300×300 px (отображается при наведении на параметр)
Иконка: 120×60 px (используется по умолчанию если отсутствует иконка из калькуляции)
Иконка для внутр. пользования: 20×20 px (отображается только в карточке заказа в админ-панели)

Виджеты

Каталог товаров

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

Количество элементов в строке	Изображение и Изображение при наведении	Для задвоенного вида	Мобильная версия
3	440×440 px	920×440 px	250×250 px
4	320×320 px	680×320 px	250×250 px
6	200×200 px	440×200 px	250×250 px
12	80×80 px	200×80 px	250×250 px

Иконка: 50×50 px (для дочерних категорий в меню).

Подробнее о виджете Каталог товаров в статье: Виджет «Каталог товаров»

Настройка задвоенного вида

Фото-карусель

Рекомендуемый размер зависит от настроенного количества изображений в строке.

Количество изображений в строке	Рекомендуемый размер	Мобильная версия
1	680×680 px	375×375 px
2	440×440 px	375×375 px
3	320×320 px	375×375 px
4	290×290 px	375×375 px
6	180×180 px	375×375 px