Справка GoDaddy

Добавление и редактирование изображений

Когда вы выбираете тему для своего веб-сайта, в ней уже содержатся рисунки. Но мы хорошо понимаем, что у вас могут быть свои изображения, которые вы бы хотели выставить на своем веб-сайте. Именно поэтому в Website Builder v7 можно добавлять и редактировать свои собственные изображения. О том, как добавлять ссылки на изображения, читайте раздел Ссылки в тексте и изображениях

Изображения должны быть в формате .jpg, .jpeg, .gif или .png. Добавляемые изображения не должны превышать 30 МБ. Максимальный размер добавляемых изображений составляет 5000 x 5000 пикселов, однако максимальный размер отображаемого рисунка будет составлять не более 1920 x 1080 пикселов.

Добавление изображений

  1. Войдите в аккаунт Website Builder.
  2. Нажмите «Редактировать сайт».
  3. Из панели инструментов, располагающейся слева, возьмите и перетащите инструмент Изображения в то место страницы, где вы хотите разместить изображение.
    Щелкните и перетащите инструмент изображения на страницу
  4. В диалоговом окне Выберите фотографии укажите один из следующих вариантов:
    Выберите исходную фотографию
    • Мои фотографии — выберите изображения в сетке или нажмите кнопку Добавить, чтобы выбрать на своем компьютере изображение, которое хотите добавить, и затем нажмите кнопку Открыть.
    • Тематические фотографии — выберите изображение, прилагающееся в 7-й версии Конструктор веб-сайтов и входящее в состав темы, установленной на вашем сайте.
    • Бесплатные изображения — найдите и выберите необходимые изображения в нашей библиотеке бесплатных изображений, указав условия поиска или выбрав категорию изображений из пункта меню Все категории.
    • Facebook — для добавления изображения непосредственно из аккаунта Facebook® выберите Подключиться к Facebook, войдите в аккаунт Facebook и щелкните Войти через Facebook.

      Если вы хотите отключиться от Facebook, перейдите к настройкам аккаунта Facebook, щелкните Приложения и затем щелкните значок X, расположенный рядом с Website Builder.

    • Instagram — для добавления изображения непосредственно из аккаунта Instagram, щелкните Подключиться к Instagram, войдите в аккаунт Instagram и щелкните Войти через Instagram.
  5. Выберите изображение, которое вы хотите использовать, и нажмите кнопку Вставить.
  6. Если необходимо изменить положение изображения, просто перетащите его на странице.
  7. Если необходимо изменить размер изображения, перетащите любой из его голубых углов по краю. Изображение сохранит пропорции.
    Перетащите любой из голубых углов для изменения размера изображения
  8. Если необходимо изменить другие параметры изображения, читайте следующий раздел Редактирование изображений в 7-й версии Конструктор веб-сайтов. В противном случае нажмите кнопку OK.
  9. После окончательного изменения изображения нажмите Опубликовать, чтобы обновить сайт онлайн.

ПРИМЕЧАНИЕ. К рисункам можно добавлять названия с помощью текстовых полей. Перетащите текстовое поле и расположите его рядом с рисунком (или даже непосредственно на самом рисунке). Подробнее. Вы сможете изменять или передвигать текст в любое время. (Конструктор веб-сайтов при подписке на пакет услуг «Бизнес» и «Бизнес-Плюс» также позволяет использовать текст как составную часть рисунка с помощью расширенного редактора.)

Редактирование изображений

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

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

  5. Обрезать края изображения — в независимости от изначальных размеров — можно с помощью перетаскивания любого угла. (Если вы хотите сохранить изначальные пропорции, при перетаскивании необходимо удерживать клавишу Shift.)
    Обрезайте края с помощью перетаскивания угловых рамок.
  6. Для изменения положения изображения в области обрезки или рамки измененного масштаба просто перетащите изображение.

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

  7. Нажмите ОК после изменения масштаба или после обрезки.
  8. Если вы хотите изменить другие параметры изображения, щелкните изображение и выберите кнопку на панели инструментов:
    Щелкните изображение, чтобы открыть панель инструментов изображения.
    Панель инструментов редактирования изображения
    Кнопка Имя Действие
    Кнопка «Заменить изображение» Заменить изображение Открывает окно «Выберите фотографии» (описание выше в разделе Добавление изображений в Website Builder v7)
    Кнопка «Обрезать края изображения» Обрезать изображение Обрезает края изображения (описание в пункте 5 выше).
    Кнопка «Редактировать изображение» Редактор изображений Открывает расширенный редактор изображений, доступный только для Конструктор веб-сайтов при подписке на тарифные планы «Бизнес» и «Бизнес-Плюс». С помощью него можно добавлять различные эффекты, такие как цвет фона, рамку, закругленные углы, прозрачность и поля.
    Кнопка «Дублировать изображение» Создать копию Создает копию изображения и помещает ее на странице сверх оригинала.
    Кнопка «Настройки» Настройки Открывает окно Настройки, в котором можно использовать вкладку Настройки изображения, чтобы связать изображения со страницами или применить различные стили краев изображения. В окне можно также использовать вкладку Дополнительно, чтобы открыть расширенный редактор изображения, описанный выше.
    Кнопка «Удалить изображение» Удалить Удаляет изображение
    Кнопка дополнительных команд Больше Отображает меню для управления слоями, фиксирует положение, отображает изображение на всех страницах сайта или скрывает его с сайта для мобильных устройств. В окне Настройки можно также использовать вкладку Дополнительно.
  9. Щелкните Опубликовать, чтобы обновить сайт онлайн.

Следующий шаг


Помогла ли вам эта статья?
Благодарим вас за отзыв. Чтобы связаться с сотрудником службы поддержки клиентов, позвоните по номеру этой службы или воспользуйтесь опцией чата выше.
Мы рады вам помочь! У вас остались вопросы?
Приносим извинения. Расскажите нам, какие затруднения вы испытываете или почему рекомендованное решение не помогло устранить проблему.