Как добавлять и управлять изображениями на своем сайте?
Вы можете добавить свои собственные изображения или выбрать одну из тысяч бесплатных фотографий, которые мы предлагаем, чтобы привлечь внимание ваших посетителей.
Как я могу добавить изображение?
- В редакторе конструктора сайтов нажмите кнопку Элементы.

- Переместите элемент Изображение в содержимое страницы. Обратите внимание, что редактор выделит места, где вы можете его поместить.


- Выберите один из файлов из медиатеки или добавьте новый.
Как я могу добавить новый файл?
- Нажмите на кнопку Добавить файлы. Все ваши пользовательские файлы будут доступны на вкладке Мои файлы.

- В окне Добавить файлы кликните на ссылку, Выберите файл с вашего компьютера или перетащите файл с устройства. Затем нажмите кнопку Добавить.

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

Как я могу использовать файл из библиотеки?
Файлы в библиотеке отсортированы по четырем вкладкам:
- Мои файлы
Выберите собственное изображение, хранящееся в Меню > Файлы и изображения - Мои сайты
Выберите из изображений, которые вы уже использовали в редакторе веб-сайта. - Unsplash
Выбирайте из тысяч потрясающих бесплатных стоковых фотографий от Unsplash. - GIFs
Добавьте анимированный GIF от Giphy.

- Найдите файл, который хотите использовать. Вы можете использовать поле поиска файлов для фильтрации изображений по ключевым словам.

- Нажмите на кнопку Использовать, чтобы добавить изображение на свой веб-сайт.

- Если вы хотите найти больше фотографий того же автора, нажмите на его имя под кнопкой Использовать. Это откроет профиль фотографа на Unsplash в новой вкладке.

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

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

Чтобы отредактировать изображение в редакторе, нажмите кнопку Изменить.

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

Как я могу редактировать свойства изображения?
Вы можете настроить любое изображение на сайте. Кликните на изображение, которое вы хотите отредактировать, чтобы открыть панель инструментов.
Источник

- Вставить файл из URL-адреса
Вы можете заменить текущее изображение изображением из URL-адреса, указанного в этом поле.
Узнайте больше о том, как вставить изображение из URL-адреса здесь. - Alt-текст
Добавьте текст, описывающий изображение. Описание будет отображаться вместо изображения, которое не загружается. Его также читают вслух программы чтения с экрана.
Кликабельная ссылка

- Куда ведет изображение?
Вы можете использовать несколько типов ссылок. Убедитесь, что вы выбрали правильный тип.
Внешняя страница или сайт – используйте ее, чтобы связать сайт с другим URL-адресом.
Лендинг – выберите лендинг GetResponse, которую хотите открыть.
Электронная почта – добавьте адрес электронной почты, с которым будут связываться после нажатия на изображение.
Номер телефона – добавьте номер телефона, по которому будут звонить после нажатия на изображение.
Пользовательский протокол – используйте его для встроенных протоколов.
Документ – добавьте файл, который вы хотите открыть с изображением.
Сайт – выберите другой веб-сайт, созданный с помощью Конструктора веб-сайтов GetResponse.
Текущий сайт – ссылка на изображение на текущий веб-сайт. Выберите страницу, которую вы хотите открыть. - Как должна открываться ссылка?
Выберите, хотите ли вы открывать ссылку на той же странице или в новой вкладке.
Настройки изображения

- Ширина и высота
Установите размер изображения в пикселях. Вы можете поддерживать соотношение сторон изображения, включив значок замка (синий).
Вы всегда можете восстановить изображение до исходного размера, кликнув на ссылку Вернуть оригинальный размер. - Масштабировать на весь экран на мобильных
Если этот параметр включен, ваше изображение будет отображаться во всю ширину на мобильных экранах. - Прозрачность
Отрегулируйте непрозрачность изображения с помощью ползунка. 100% – это полностью непрозрачное изображение, а 0% – полностью прозрачное изображение. - Выравнивание
Выровняйте изображение внутри блока изображения по левому, центру или правому краю. - Расширенные настройки
Чтобы дополнительно настроить свойства изображения, кликните на ссылку, чтобы открыть расширенные настройки.
Вы можете дополнительно настроить границу, радиус и тень.

Настройки блока
Блок изображения – это рабочая область в рамке вокруг вашего изображения с меткой Изображение слева. Вы можете увидеть рамку только после нажатия на объект. Его не будет видно на вашем сайте.
Вы можете настроить цвет, отступ, границу, радиус и тень.


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

Скрывать на мобильных
Включите этот параметр, чтобы скрыть изображение при открытии страницы на мобильном устройстве, чтобы сделать сайт проще и быстрее.
