1. Инструкция
  2. Администратор портала

Требования к графическим материалам решения на SF4

Главный баннер

Изображения динамических элементов (например, баннеры разделов, новости, мероприятия и т.д.)

Настройка загружаемого изображения в настройках инфоблока

Встроенный редактор изображений

Главный баннер

Размеры главного баннера устанавливаются в настройках грида главной страницы

Для редактирования необходимо на панели администрирования включить режим правки, после этого появится кнопка включения режима редактирования гридов.


После включения каждая область будет подсвечена жирными линиями.

Открыть параметры настройки главной страницы сайта. Навести курсор мыши на среднюю часть сайта и во всплывающем окошке нажать на шестеренку.


В открывшемся окне параметров компонента во вкладке "Главный баннер (кол. 1) указать необходимые значения высоты и ширины в пикселях.

Изображения динамических элементов (например, баннеры раздела, новости, мероприятия и т.д.)

Общие настройки для всего сайта

Персональные настройки

Общие настройки для всего сайта


На вкладке "Изображения" расположены следующие настройки, которые указываются для всего сайта:

Эффект при наведении на изображение:


Соотношение сторон:


Персональные настройки

Для каждого компонента на сайте можно выставить индивидуальные настройки (как для списка элементов, так и на детальной странице), либо по умолчанию из настроек сайта. Для этого нужно в режиме правки открыть параметры компонента, например:


Во вкладке "Внешний вид" можно настроить параметры для конкретного компонента (в данном случае новости), причем настройки будут применяться для компонента только на данной странице:


Соотношение сторон:

Соотношение сторон изображения можно задать как в изображении, из настроек сайта, задать вручную или выбрать из предложенных вариантов:


При выборе соотношения "Задать вручную" будет доступны поля настроек максимальная ширина и высота изображения:


При выборе соотношения сторон из настроек сайта, либо из предложенных вариантов (напр., 3х4) доступна настройка максимальной ширины изображения:

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

Размещение изображения:

Заполнение - Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.

По содержимому - Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.


Настройка загружаемого изображения в настройках инфоблока.

Например, у новости есть детальное изображение.


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

Для этого нужно перейти в настройки инфоблока


Указать необходимые настройки во вкладке "Поля".



Встроенный редактор изображений

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

Как работать с редактором изображений?