Додавання й редагування зображень

УВАГА! Цю статтю призначено для Побудовника веб-сайтів версії 7. Номер версії відображаються вгорі екрану після входу до акаунта Побудовника веб-сайтів. У вас не версія 7? Пошукайте статті про Побудовник веб-сайтів версії 6.

Будь-яка тема для веб-сайту завжди супроводжується зображеннями. Але ми розуміємо, що ви можете мати власні зображення, якими бажаєте оформити свій сайт. Саме тому Website Builder v7 пропонує можливість додавати й редагувати ваші власні зображення. Про додавання посилань до зображень див. тут:

ПРИМІТКА. Зображення повинні мати формат .jpg, .jpeg, .gif або .png. Розмір файлу зображення не повинен перевищувати 30 МБ. Хоча можна завантажувати зображення розміром до 5000 x 5000 пікселів, відображатися можуть лише зображення до 1920 x 1080 пікселів.

Як додати зображення

  1. Увійдіть до свого акаунта Website Builder.
  2. Натисніть Редагувати сайт.
  3. Клацніть на лівій панелі інструментів інструмент Зображення та перетягніть його туди, де на сторінці має з'явитися зображення.
    Клацніть і перетягніть інструмент зображення на сторінку
  4. У вікні Вибрати фото виберіть один з таких варіантів:
    Виберіть джерело фото
    • Мої фото — клацніть одне з зображень у таблиці або натисніть кнопку Огляд і виберіть потрібне зображення на своєму комп'ютері, а потім натисніть кнопку Відкрити.
    • Фотографії теми — клацніть і виберіть будь-яке зображення зі складу теми Побудовника веб-сайтів v7, уже встановленої на вашому сайті.
    • Безкоштовні зображення — щоб вибрати зображення в нашій бібліотеці безкоштовних зображень, введіть ключове слово для пошуку або виберіть категорію в меню Усі категорії.
    • Facebook — щоб імпортувати зображення безпосередньо з акаунта Facebook®, натисніть Підключити до Facebook, увійдіть до свого акаунта Facebook, а потім натисніть Увійти з Facebook.

      ПРИМІТКА. Щоб після цього відключитися від Facebook, перейдіть до настройок акаунта Facebook, клацніть Додатки, а потім клацніть позначку X біля пункту Website Builder.

    • Instagram — щоб імпортувати зображення безпосередньо зі свого акаунта Instagram®, клацніть Підключити до Instagram, увійдіть до свого акаунта Instagram і клацніть Увійти через Instagram.
  5. Вибравши потрібне зображення, натисніть кнопку Вставити.
  6. Якщо потрібно перемістити зображення, клацніть і перетягніть його на сторінці.
  7. Якщо потрібно змінити розмір зображення, клацніть і перетягніть будь-який з блакитних квадратиків навколо зображення. Пропорції зображення буде збережено.
    Клацніть і перетягніть блакитний квадратик, щоб змінити розмір зображення
  8. Якщо потрібно скоригувати зображення іншим чином, зверніться до розділу Як редагувати зображення в Побудовнику веб-сайтів v7 нижче. В іншому разі натисніть кнопку OK.
  9. Закінчивши внесення змін, натисніть кнопку Опублікувати, щоб оновити сайт в Інтернеті.

ПРИМІТКА. Текстові поля можна використовувати для підписування зображень. Перетягніть блок тексту до зображення (або навіть на нього) (докладніше). Потім можна буде відредагувати або перемістити текст у будь-який час. (Плани Побудовника веб-сайтів «Бізнес» і «Бізнес-плюс» також дають змогу вставляти текст безпосередньо в зображення, використовуючи Розширений редактор, але такий текст після збереження неможливо змінити або видалити.)

Як редагувати зображення

  1. Увійдіть до свого акаунта Website Builder.
  2. Натисніть Редагувати сайт.
  3. Двічі клацніть зображення, щоб з'явилися інструменти масштабування та обтинання.
  4. Перетягніть повзунок Масштаб, щоб показати лише частину зображення, зберігаючи його загальні пропорції.
    Перетягніть повзунок «Масштаб»

    ПРИМІТКА. Щоб повернути фотографію до немасштабованого стану, перетягніть повзунок до крайнього лівого положення. Якщо натиснути кнопку біля нього, зображення буде повернуто до початкових розмірів у файлі, які часто більші за рамку, створену інструментом зображення.
    Щоб скасувати масштабування зображення, використайте повзунок масштабу, а не кнопку скидання біля нього.

  5. Щоб обітнути зображення, незалежно від його початкових пропорцій, клацніть будь-який кут і перетягніть його. (Якщо потрібно зберегти початкові пропорції, під час перетягування тримайте натиснутою клавішу Shift.)
    Щоб обітнути зображення, клацніть і перетягніть його кутові рамки.
  6. Щоб перемістити зображення в рамці обтинання або масштабування, клацніть і перетягніть його.
  7. Закінчивши масштабування або обтинання, натисніть кнопку OK.
  8. Щоб внести інші зміни до зображення, клацніть його та натисніть кнопку на панелі інструментів зображення:
    Клацніть зображення, щоб відкрити панель інструментів зображення.
    Панель інструментів редактора зображень
    Кнопка Ім'я Дія
    Кнопка «Замінити зображення» Замінити зображення Відкриває вікно «Вибрати фото», описана вище в розділі Як додати зображення за допомогою Website Builder v7).
    Кнопка «Обітнути зображення» Обрізати зображення Обтинає зображення, описана на кроці 5 вище.
    Кнопка «Редактор зображень» Редактор зображень Відкриває Розширений редактор зображень, доступний лише для планів «Бізнес» і «Бізнес-Плюс» Побудовника веб-сайтів. Цей редактор дає змогу додавати ефекти, такі як колір тла, межу, заокруглені кути, прозорість і поля.
    Кнопка «Дублювати зображення» Зробити копію Створює копію зображення та розташовує її на сторінці з перекриттям оригіналу.
    Кнопка «Параметри» Налаштування Відкриває вікно Настройки, на вкладці Настройки зображення якого можна зв'язувати зображення зі сторінками або застосовувати різноманітні стилі країв. Також можна відкрити на вкладці Додатково Розширений редактор зображень, описаний вище.
    Кнопка «Видалити зображення» Видалити Видаляє зображення
    Кнопка додаткових варіантів Більше Відображає меню керування позицією шару зображення, блокування його положення, його відображення на всіх сторінках сайту, приховування на мобільному сайті або відкриття вкладки Додатково вікна Настройки.
  9. Натисніть кнопку Опублікувати, щоб оновити сайт в Інтернеті.

Перелік посилань на інші основні завдання Побудовника веб-сайтів v7 див. тут: Використання Конструктора веб-сайтів


Чи була ця стаття корисною?
Дякуємо за відгук
Ми раді, що змогли допомогти! Що ще ми можемо для вас зробити?
Нам дуже прикро. Як ми можемо вам допомогти?