Как добавлять и управлять изображениями на своем сайте?

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

Кликните здесь, чтобы узнать больше о том, как вы можете хранить и использовать свои изображения в GetResponse.

Как я могу добавить изображение?

  1. В редакторе конструктора сайтов нажмите кнопку Элементы.
  1. Перетащите элемент изображения в содержимое страницы. Обратите внимание, что редактор выделит места, где вы можете его поместить.
  1. Выберите один из файлов из медиатеки или добавьте новый.
Как я могу добавить новый файл?
  • Нажмите на кнопку Добавить файлы. Все ваши пользовательские файлы будут доступны на вкладке Мои файлы.
  • В окне Добавить файлы кликните на ссылку, Выберите файл с вашего компьютера или перетащите файл с устройства. Затем нажмите кнопку Добавить.
  • Ваш файл будет добавлен в хранилище файлов и изображений. Нажмите кнопку Использовать, чтобы добавить его на свой веб-сайт.
Как я могу использовать файл из библиотеки?

Файлы в библиотеке отсортированы по четырем вкладкам:

  • Мои файлы
    Выберите собственное изображение, хранящееся в Меню > Файлы и изображения
  • Мои сайты
    Выберите из изображений, которые вы уже использовали в редакторе веб-сайта.
  • Unsplash
    Выбирайте из тысяч потрясающих бесплатных стоковых фотографий от Unsplash.
  • GIFs
    Добавьте анимированный GIF от Giphy.
  • Найдите файл, который хотите использовать. Вы можете использовать поле поиска файлов для фильтрации изображений по ключевым словам.
  • Нажмите на кнопку Использовать, чтобы добавить изображение на свой веб-сайт.
  • Если вы хотите найти больше фотографий того же автора, нажмите на его имя под кнопкой Использовать. Это откроет профиль фотографа на Unsplash в новой вкладке.
  1. Отрегулируйте размер изображения, используя маленькие кружки в углах. Изображение будет автоматически выровнено по центру.

Как я могу заменить или отредактировать изображение?

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

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

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

В редакторе вы можете обрезать, изменять размер, корректировать и трансформировать изображение. Вы также можете добавлять фильтры, наложения, стикеры и текст.


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

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

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

Источник

  • Вставить файл из URL-адреса
    Вы можете заменить текущее изображение изображением из URL-адреса, указанного в этом поле.
    Узнайте больше о том, как вставить изображение из URL-адреса здесь.

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

Кликабельная ссылка

  • Куда ведет изображение?
    Вы можете использовать несколько типов ссылок. Убедитесь, что вы выбрали правильный тип.

    Внешняя страница или сайт – используйте ее, чтобы связать сайт с другим URL-адресом.

    Лендинг – выберите лендинг GetResponse, которую хотите открыть.

    Электронная почта – добавьте адрес электронной почты, с которым будут связываться после нажатия на изображение.

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

    Пользовательский протокол – используйте его для встроенных протоколов, например, не анонимный опрос, описанный здесь.

    Документ – добавьте файл, который вы хотите открыть с изображением.

    Сайт – выберите другой веб-сайт, созданный с помощью Конструктора веб-сайтов GetResponse.

    Текущий сайт – ссылка на изображение на текущий веб-сайт. Выберите страницу, которую вы хотите открыть.

  • Как должна открываться ссылка?
    Выберите, хотите ли вы открывать ссылку на той же странице или в новой вкладке.

Настройки изображения

  • Ширина и высота
    Установите размер изображения в пикселях. Вы можете поддерживать соотношение сторон изображения, включив значок замка (синий).

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

  • Масштабировать на весь экран на мобильных
    Если этот параметр включен, ваше изображение будет отображаться во всю ширину на мобильных экранах.

  • Прозрачность
    Отрегулируйте непрозрачность изображения с помощью ползунка. 100% – это полностью непрозрачное изображение, а 0% – полностью прозрачное изображение.

  • Выравнивание
    Выровняйте изображение внутри блока изображения по левому, центру или правому краю.

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

Настройки блока

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

Вы можете настроить цвет, отступ, границу, радиус и тень.

Абсолютное позиционирование

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

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

Скрывать на мобильных

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

Популярные ресурсы