Как добавлять и управлять изображениями на своем сайте?
Вы можете добавить свои собственные изображения или выбрать одну из тысяч бесплатных фотографий, которые мы предлагаем, чтобы привлечь внимание ваших посетителей.
Как я могу добавить изображение?
- В редакторе конструктора сайтов нажмите кнопку Элементы.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0659/1-1024x352.png)
- Переместите элемент Изображение в содержимое страницы. Обратите внимание, что редактор выделит места, где вы можете его поместить.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0659/2-1024x534.png)
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0704/3-1024x520.png)
- Выберите один из файлов из медиатеки или добавьте новый.
Как я могу добавить новый файл?
- Нажмите на кнопку Добавить файлы. Все ваши пользовательские файлы будут доступны на вкладке Мои файлы.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1041/4-1024x352.png)
- В окне Добавить файлы кликните на ссылку, Выберите файл с вашего компьютера или перетащите файл с устройства. Затем нажмите кнопку Добавить.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1041/5.png)
- Ваш файл будет добавлен в хранилище файлов и изображений. Нажмите кнопку Использовать, чтобы добавить его на свой веб-сайт.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1041/6-1024x648.png)
Как я могу использовать файл из библиотеки?
Файлы в библиотеке отсортированы по четырем вкладкам:
- Мои файлы
Выберите собственное изображение, хранящееся в Меню > Файлы и изображения - Мои сайты
Выберите из изображений, которые вы уже использовали в редакторе веб-сайта. - Unsplash
Выбирайте из тысяч потрясающих бесплатных стоковых фотографий от Unsplash. - GIFs
Добавьте анимированный GIF от Giphy.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1158/19-1024x553.png)
- Найдите файл, который хотите использовать. Вы можете использовать поле поиска файлов для фильтрации изображений по ключевым словам.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1159/20-1024x553.png)
- Нажмите на кнопку Использовать, чтобы добавить изображение на свой веб-сайт.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1200/21-1024x555.png)
- Если вы хотите найти больше фотографий того же автора, нажмите на его имя под кнопкой Использовать. Это откроет профиль фотографа на Unsplash в новой вкладке.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1202/222-1024x558.png)
- Отрегулируйте размер изображения, используя маленькие кружки в углах. Изображение будет автоматически выровнено по центру.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1051/7-1024x392.png)
Как я могу заменить или отредактировать изображение?
Вы можете заменить или отредактировать изображение с помощью встроенного фоторедактора прямо из редактора сайта.
Кликните на изображение, чтобы открыть панель инструментов.
Чтобы заменить изображение, нажмите на кнопку Заменить и выберите другое.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1107/8-1024x372.png)
Чтобы отредактировать изображение в редакторе, нажмите кнопку Изменить.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1107/9-1024x338.png)
В редакторе вы можете обрезать, изменять размер, корректировать и трансформировать изображение. Вы также можете добавлять фильтры, наложения, стикеры и текст.
После завершения редактирования нажмите на кнопку Сохранить, чтобы сохранить отредактированную версию изображения.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1108/10-1024x500.png)
Как я могу редактировать свойства изображения?
Вы можете настроить любое изображение на сайте. Кликните на изображение, которое вы хотите отредактировать, чтобы открыть панель инструментов.
Источник
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1115/11-1024x380.png)
- Вставить файл из URL-адреса
Вы можете заменить текущее изображение изображением из URL-адреса, указанного в этом поле.
Узнайте больше о том, как вставить изображение из URL-адреса здесь. - Alt-текст
Добавьте текст, описывающий изображение. Описание будет отображаться вместо изображения, которое не загружается. Его также читают вслух программы чтения с экрана.
Кликабельная ссылка
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1120/12-1024x338.png)
- Куда ведет изображение?
Вы можете использовать несколько типов ссылок. Убедитесь, что вы выбрали правильный тип.
Внешняя страница или сайт – используйте ее, чтобы связать сайт с другим URL-адресом.
Лендинг – выберите лендинг GetResponse, которую хотите открыть.
Электронная почта – добавьте адрес электронной почты, с которым будут связываться после нажатия на изображение.
Номер телефона – добавьте номер телефона, по которому будут звонить после нажатия на изображение.
Пользовательский протокол – используйте его для встроенных протоколов.
Документ – добавьте файл, который вы хотите открыть с изображением.
Сайт – выберите другой веб-сайт, созданный с помощью Конструктора веб-сайтов GetResponse.
Текущий сайт – ссылка на изображение на текущий веб-сайт. Выберите страницу, которую вы хотите открыть. - Как должна открываться ссылка?
Выберите, хотите ли вы открывать ссылку на той же странице или в новой вкладке.
Настройки изображения
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1130/13-1024x359.png)
- Ширина и высота
Установите размер изображения в пикселях. Вы можете поддерживать соотношение сторон изображения, включив значок замка (синий).
Вы всегда можете восстановить изображение до исходного размера, кликнув на ссылку Вернуть оригинальный размер. - Масштабировать на весь экран на мобильных
Если этот параметр включен, ваше изображение будет отображаться во всю ширину на мобильных экранах. - Прозрачность
Отрегулируйте непрозрачность изображения с помощью ползунка. 100% – это полностью непрозрачное изображение, а 0% – полностью прозрачное изображение. - Выравнивание
Выровняйте изображение внутри блока изображения по левому, центру или правому краю. - Расширенные настройки
Чтобы дополнительно настроить свойства изображения, кликните на ссылку, чтобы открыть расширенные настройки.
Вы можете дополнительно настроить границу, радиус и тень.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1136/14-1024x450.png)
Настройки блока
Блок изображения – это рабочая область в рамке вокруг вашего изображения с меткой Изображение слева. Вы можете увидеть рамку только после нажатия на объект. Его не будет видно на вашем сайте.
Вы можете настроить цвет, отступ, границу, радиус и тень.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1140/15-1024x542.png)
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1140/16-1024x574.png)
Абсолютное позиционирование
Включите эту опцию, чтобы переместить изображение в любое место на вашем сайте.
Примечание. Мы рекомендуем использовать этот вариант только в том случае, если у вас необычный дизайн, который невозможно создать другим способом. Использование объектов с абсолютным позиционированием может сделать вашу страницу менее отзывчивой на мобильных устройствах.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1143/17-1024x574.png)
Скрывать на мобильных
Включите этот параметр, чтобы скрыть изображение при открытии страницы на мобильном устройстве, чтобы сделать сайт проще и быстрее.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1144/18-1024x574.png)