# Изображения и файлы
{% hint style="success" %}
Администрирование и управление контентом CMS Zeta Web выполняется в программе 1С: Предприятие.
{% endhint %}
#### Zeta Web 2.x
Основные инструменты доступны в панели управления сайтом, которую можно открыть из меню **Zeta Web,** кликнув на соответствующий пункт меню **"Панель управления сайтом"**.
#### Zeta Web 3.x
Основные инструменты доступны по ссылке меню **Инструменты Zeta Web** →**Панель управления "Контент"**.
Изображения и файлы можно использовать при верстке страниц, шаблонов контролов, а также, при наполнении тегов head, body и файла robots.txt в настройках доменов сайта.
## Файлы
### Добавление нового файла
#### Zeta Web 2.x
Для добавления файлов и изображений нужно перейти на вкладку **Наполнение сайта** и затем на вкладку **"Картинки и файлы"**.
#### Zeta Web 3.x
Для добавления файлов и изображений нужно перейти в раздел "**Картинки и файлы"**.
При добавлении файла, в окне, по умолчанию, отображаются **только папки и файлы изображений,** если вам нужен иной тип файла - снимаем фильтр и выбираем нужный файл.
При необходимости, укажите описание к файлу и нажмите кнопку **"ОК"**.
Для удобства, добавляемые файлы и изображения можно структурировать по папкам.
Для этого нажмите правой кнопкой мыши на списке файлов и выберите пункт контекстного меню **"Новая группа"**. Задайте **наименование** и нажмите кнопку "**ОК**". Перетащите нужные файлу в созданную группу.
### Получение ссылки на скачивание файла
#### Zeta Web 2.x
У каждого файла есть реквизит **"URL Name".** Значение из данного реквизита будет использовано при генерации ссылки на скачивание файла или изображения.
Для получения ссылки на скачивание, нужно нажать на кнопку **"Получить ссылку"** и в открывшемся окне нажать на кнопку "**Получить**".
{% hint style="warning" %}
Все изображения и файлы после первичного обращения к ним кешируются на веб-сервере. Если вы изменили содержимое файла не меняя его наименования в URL, рекомендуем воспользоваться параметром "**Добавить версию файла**" при генерации ссылки, получить новое значение и заменять ссылку на файл в местах ее использования.
{% endhint %}
#### Zeta Web 3.x
Для получения ссылки на скачивание, нужно нажать на кнопку **"Ссылка на скачивание"** и в открывшемся окне нажать на кнопку "**Получить URL**".
{% hint style="warning" %}
Все изображения и файлы после первичного обращения к ним кешируются на веб-сервере. Если вы изменили содержимое файла не меняя его наименования в URL, рекомендуем воспользоваться параметром "**Добавить версию файла**" при генерации ссылки, получить новое значение и заменять ссылку на файл в местах ее использования.
{% endhint %}
### Размещение файла на странице
#### Zeta Web 2.x
Полученную ссылку, вы можете использовать у себя в верстке, например, следующим образом:
или воспользоваться GUI-интерфейсом.
Для этого, перейдите на вкладку "**Визуальный редактор"**, затем на вкладку "**HTML элементы**" и перетащите элемент "**Файл**" в окно html-редактора.
В открывшемся окне, нажмите на **"..."** в строке **Адрес** и выберите "**Картинки (Zeta Web)**".
Затем снова нажмите на **"..."** в строке **Адрес** и выберите загруженный **файл**.
Задайте **текст** или **пиктограмму** для ссылки нажав на **"..."** в поле "**Картинка/Текст**" и выберите "**Строка**" или "**Картинки (Zeta Web)**".
Затем введите **текст** в поле "**Картинка/Текст**" если выбран тип данных "**Строка**", или выберите **картинку** и нажмите кнопку "**ОК**".
В html-редакторе будет виден текст ссылки.
{% hint style="info" %}
Рекомендуется добавление ссылок через GUI-интерфейс там, где это возможно. При таком добавлении ссылок вам не потребуется изменять адрес картинки, после изменения поля "URL Name". Адреса ссылок, в таком случае, сконвертируются автоматически.
{% endhint %}
#### Zeta Web 3.x
Откройте интересуемую страницу и на вкладке **Основное** нажмите "**Редактировать**", в окне **Редактирование HTML**, выберите соответствующий **файл** и перетяните в поле **Текст HTML.**
Определите порядок вставки **объекта** - файл.
{% hint style="info" %}
Вы можете изменять текст ссылки, вставлять другие валидные теги **вовнутрь тега \**, а также добавлять к нему любые атрибуты.
{% endhint %}
## Изображения
### Добавление нового изображения
Добавление изображений производится в аналогичном порядке.
### Получение ссылки на скачивание изображения
Получение ссылки на скачивание изображения производится в аналогичном порядке
### Получение ссылки на просмотр изображения
#### Zeta Web 2.x
Для получения ссылки на просмотр изображения, нужно нажать на кнопку "**Просмотр**" и, в открывшемся окне, нажать на кнопку "**Получить**".
#### Zeta Web 3.x
Для получения ссылки на просмотр изображения, нужно нажать на кнопку "**Ссылка на просмотр**" и, в открывшемся окне, нажать на кнопку "**Получить URL**".
### Размещение изображения на странице
#### Zeta Web 2.x
Полученную ссылку вы можете использовать у себя в верстке, например, следующим образом:
или воспользоваться GUI-интерфейсом.
Для этого, перейдите на вкладку "**Визуальный редактор**", затем на на вкладку "**HTML элементы**" и перетащите элемент **"Картинка**" в окно html-редактора.
Выберите добавленную картинку нажав на **"..."** в строке "**Картинка**", укажите, при необходимости, **ширину/высоту** изображения и нажмите кнопку "**ОК**".
#### Zeta Web 3.x
Откройте интересуемую страницу и на вкладке **Основное** нажмите "**Редактировать**", в окне **Редактирование HTML**, выберите соответствующий **файл** и перетяните в поле **Текст HTML.**
Определите порядок вставки **объекта** (изображение, файл, JS скрипт), задайте **CSS класс**, при необходимости, **ширину/высоту** изображения.
### Оптимизация изображений
{% hint style="info" %}
При указании размера картинки в соответствующие поля, вы можете существенно понизить вес готового изображения.
Все изображения с параметрами отличными от начальных обрабатываются и оптимизируются на веб-сервере.
Вы можете самостоятельно добавить параметры "imgw" (ширина) и "imgh" (высота) к адресу изображения. \
Например, /f/image.jpg?imgw=100\&imgh=100
{% endhint %}
