Додавання файлу рисунка чи зображення до сторінки SharePoint

Додавання файлу рисунка чи зображення до сторінки SharePoint

Увага! : Цю статтю перекладено за допомогою служби машинного перекладу; див. застереження. Версію цієї статті англійською мовою див. тут для отримання довідки.

До сторінки SharePoint можна додавати зображення, які часто передають інформацію краще за тисячу слів. Зображення можна додавати з локального комп’ютера, медіатек SharePoint або за допомогою посилань з інших розташувань на сайті або в Інтернеті.

Додавання зображення до сторінки SharePoint Online

Використовуйте цей елемент, щоб вставити зображення на сторінці, або на сайт або на комп'ютері.

  1. Перейдіть на сторінку, де потрібно додати зображення.

  2. Якщо ви вже не в режимі редагування, натисніть кнопку редагувати у верхній правій частині сторінки.

  3. Під час наведення вказівника миші вище або нижче до наявного веб-частини або в області заголовка, натисніть кнопку У кружку знак «плюс» використовується для додавання сучасних веб-частини до сторінки а потім виберіть веб-частини зображення .

  4. Вибір останньої зображення, або, передати, або за допомогою посилання на зображення, яке потрібно вставити і натисніть кнопку Додати зображення.

    Вставлення веб-частини "Документ"
  5. Натисніть кнопку змінити веб-частини Кнопка редагування веб-частини (ліворуч) щоб додати текст заміщення (для користувачів, які не відображаються зображення).

Примітка : Варто розмір зображення, перш ніж завантаження, щоб переконатися, що він відповідає простір так, як він має. Збереження зображень за допомогою бібліотеки активів або зображення дасть змогу зберігати різних розмірів, якщо вам потрібна їх.

Додавання зображення на сайт SharePoint 2016, SharePoint 2013 або SharePoint 2010

  1. Перейдіть на сторінку, де потрібно додати зображення.

  2. Відкрийте вкладку Сторінка. Потім на стрічці натисніть кнопку Редагувати.

  3. Клацніть в доступній для редагування області на сторінці.

  4. Виберіть вкладку Вставлення, а потім у групі Медіавміст на стрічці виберіть Рисунок.

    Кнопка "Вставити рисунок", під якою розташовано меню параметрів джерела.

  5. Відобразяться такі параметри:

Щоб передати файл із комп’ютера, зробіть ось що.

  1. Виберіть елемент З комп’ютера.

  2. Відкрийте розташування файлу, який потрібно вибрати, і натисніть кнопку Відкрити.

  3. Укажіть бібліотеку призначення, у якій потрібно зберігати файл.
    Радимо як призначення вказати бібліотеку активів. Відомості про налаштування бібліотеки активів для файлів зображень див. в статті Налаштування бібліотеки активів для зберігання зображень, аудіо- та відеофайлів.

  4. Натисніть кнопку OK.

На початок сторінки

Щоб додати зображення з іншого розташування в Інтернеті, виконайте такі дії:

  1. Виберіть елемент З розташування.

  2. Введіть URL-адресу потрібного файлу, а потім натисніть кнопку OK. URL-адреса має вказувати безпосередньо на файл зображення. Наприклад, http://contoso.com/images/selfieImage1.jpg.

Щоб додати зображення з розташування на сайті SharePoint, виконайте такі дії:

  1. Виберіть елемент З SharePoint. Відобразиться вікно Вибір активів, у якому можна знайти потрібну папку або бібліотеку.

  2. Перейдіть до розташування на сайті, як-от Бібліотека активів, де зберігаються зображення, відео- й аудіофайли.

  3. Виберіть потрібний файл і натисніть кнопку Вставити.

На початок сторінки

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

Щоб змінити властивості зображення на сторінці, виконайте такі дії:

  1. Перейдіть на сторінку, яка містить зображення.

  2. Виберіть вкладку Сторінка, а потім натисніть кнопку Редагувати.

  3. Клацніть будь-де на зображенні, щоб відкрити вкладку Зображення та її стрічку.

    Вкладка "Медіавміст" на стрічці редагування

  4. На вкладці Зображення в групі Вибір клацніть Змінити рисунок, щоб замінити зображення на інше, і виберіть потрібний файл зображення.

  5. У групі Властивості можна ввести або змінити текст заміщення та адресу зображення.

  6. У групі Стилі на стрічці наведіть вказівник на елемент Стилі зображення та виберіть стиль межі для зображення.

    Параметри редагування зображення
  7. У групі Arrange клацніть Розташування, щоб змінити розташування зображення в області. У розкривному списку можна вибрати переміщуване розташування ліворуч чи праворуч або вбудоване розташування зверху, посередині чи знизу відносно інших об’єктів.

  8. У групі Розмір на стрічці можна змінити розмір зображення. Якщо залишити прапорець Зберегти пропорції, розміри По горизонталі та По вертикалі буде пов’язано. Якщо ви зміните один розмір, інший зміниться пропорційно.

    Якщо зняти прапорець Зберегти пропорції, розміри зображення по горизонталі та по вертикалі можна буде змінювати незалежно один від одного, але зображення при цьому може викривитися.

  9. Після завершення внесення змін до сторінки відкрийте вкладку Сторінка та натисніть кнопку Зберегти. Якщо сторінку взято на редагування, відобразиться попередження з посиланням, за допомогою якого її можна повернути.

Додавання веб-посилання на зображення

Добре мати зображення на сторінці, але ще краще – зробити так, щоб воно вело на іншу сторінку. Ось як перетворити зображення на пряме посилання.

  1. Перейдіть на сторінку із зображенням, на яке потрібно додати гіперпосилання.

  2. Перейдіть на вкладку Сторінка, а потім натисніть кнопку Редагувати.

  3. Клацніть і виберіть фотографію або зображення, до якого потрібно додати посилання.

  4. На стрічці клацніть Вставлення, а потім виберіть Посилання.

    Вставлення посилання за допомогою веб-адреси
  5. У діалоговому вікні Додавання гіперпосилання введіть адресу веб-сторінки, сайту або іншого медіавмісту, на які має вказувати посилання. Ви можете перевірити посилання, клацнувши Спробувати.

    Діалогове вікно "Гіперпосилання" з веб-адресою та виділеною кнопкою "OK"
  6. Натисніть кнопку OK.

Видалення рисунка зі сторінки

  1. Перебуваючи на сторінці, виберіть на стрічці вкладку Сторінка, а потім натисніть кнопку Редагувати.

    Вкладка "Сторінка" з виділеною кнопкою "Редагувати"

    Примітка :  Якщо команда Редагувати неактивна, можливо, у вас немає дозволу на редагування сторінки.

  2. Виберіть зображення, яке потрібно видалити, і натисніть клавішу Deleteна клавіатурі.

На початок сторінки

Додавання зображень на сторінки SharePoint 2007

Ви можете додати зображення на будь-яку веб-сторінку, яка містить елемент керування полем "Зображення сторінки", вибравши зображення з бібліотеки. Якщо змінити зображення, що зберігається в бібліотеці, сторінки з цим зображенням автоматично використовуватимуть нове.

Ви також можете додати зображення на будь-яку веб-сторінку, яка містить елемент керування полем "Вміст сторінки", використовуючи редактор HTML. Коли ви додаєте зображення до елемента керування полем "Вміст сторінки" за допомогою редактора HTML, зображення зберігається й у бібліотеці, щоб сторінки з цим зображенням у разі оновлення зображення в бібліотеці автоматично використовували нове зображення.

Якщо ви хочете створити нову сторінку із зображенням, використайте макет сторінки, який містить елемент керування полем "Зображення сторінки".

Макети сторінок, які містять елемент керування полем "Зображення сторінки"

Наведені нижче макети, які входять до Microsoft Office SharePoint Server 2007, містять елемент керування полем "Зображення сторінки".

  • Сторінка статті із зображенням ліворуч

  • Сторінка статті із зображенням праворуч

  • Домашня сторінка інтрамережі

  • Сторінка привітання зі зведеними посиланнями

  • Сторінка привітання зі змістом

  • Сторінка привітання для заставки

На вашому сайті можуть бути додаткові макети сторінок, які містять елемент керування полем "Зображення сторінки".

Порада : Один зі способів визначити, чи є на сторінці елемент керування полем "Зображення сторінки" – це відредагувати сторінку. Коли ви редагуєте сторінку, у кожному елементі керування полем на цій сторінці відображається підпис. Елементи керування полем "Зображення сторінки" на сторінках, створених за допомогою макетів сторінок, які входять до Office SharePoint Server 2007, підписано як "Зображення сторінки". Це не завжди справджується для сторінок, створених за допомогою спеціальних макетів сторінок, які розробив користувач із дозволами розробника для сайту. За докладними відомостями про спеціальні макети сторінок, які доступні для використання на сайті, зверніться до адміністратора колекції сайтів.

На початок сторінки

Макети сторінок, які містять елемент керування полем "Вміст сторінки"

Наведені нижче макети, які входять до Office SharePoint Server 2007, містять елемент керування полем "Вміст сторінки".

  • Домашня сторінка інтрамережі

  • Сторінка привітання зі зведеними посиланнями

  • Сторінка привітання зі змістом

На вашому сайті можуть бути додаткові макети сторінок, які містять елемент керування полем "Вміст сторінки".

Порада : Один зі способів визначити, чи є на сторінці елемент керування полем "Вміст сторінки" – це відредагувати сторінку. Коли ви редагуєте сторінку, у кожному елементі керування полем на цій сторінці відображається підпис. Елементи керування полем "Вміст сторінки" на сторінках, створених за допомогою макетів сторінок, які входять до Office SharePoint Server 2007, підписано як "Вміст сторінки". Це не завжди справджується для сторінок, створених за допомогою спеціальних макетів сторінок, які розробив користувач із дозволами розробника для сайту. За докладними відомостями про спеціальні макети сторінок, які доступні для використання на сайті, зверніться до адміністратора колекції сайтів.

На початок сторінки

Додавання зображення за допомогою елемента керування полем "Зображення сторінки"

  1. Перейдіть на сторінку, на яку потрібно додати зображення, а потім на панелі інструментів Редагування сторінки виберіть Редагувати сторінку.

    Примітка : Якщо панель інструментів Редагування сторінки не відображається, у меню Дії сайту виберіть Показати меню змінення сторінки.

  2. В елементі керування полем Зображення сторінки клацніть Редагувати зображення. Відкриється діалогове вікно веб-сторінки Редагування властивостей рисунка.

  3. У діалоговому вікні веб-сторінки Редагування властивостей рисунка в розділі Загальні натисніть кнопку Огляд, розташовану поруч із полем Вибрано рисунок. У новому вікні відкриється бібліотека зображень.

  4. Виберіть потрібне зображення та натисніть кнопку OK. Бібліотека зображень закриється, а адреса вибраного зображення з’явиться в полі Вибрано рисунок.

  5. За потреби можна налаштувати решту властивостей зображення.

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

    • Гіперпосилання      Зображення за потреби може виконувати функцію гіперпосилання. У цьому полі введіть бажаний об’єкт гіперпосилання. Об’єкт для гіперпосилання також можна знайти за допомогою кнопки Огляд. Установіть прапорець Відкривати посилання в новому вікні, якщо ви хочете, щоб гіперпосилання відкривалося в новому вікні браузера.

      У розділі Макет можна налаштувати такі властивості:

    • Вирівнювання      Ви можете змінити розташування зображення в елементі керування полем, використовуючи розкривний список Вирівнювання. Оскільки елемент керування полем "Зображення сторінки" відповідає розміру зображення, цей параметр не має помітного ефекту, якщо використовується на зображенні в елементі керування полем "Зображення сторінки".

    • Товщина меж      Ви можете додати до зображення рамку, указавши товщину меж. Товщина меж вимірюється в пікселях.

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

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

      У розділі Розмір можна налаштувати такі властивості:

    • Використовувати розмір рисунка за замовчуванням      Виберіть цей параметр, якщо потрібно, щоб зображення відображалося в стандартному розмірі, тобто в розмірі, указаному у властивостях файлу зображення.

    • Указати розмір      Виберіть цей параметр, щоб указати розмір зображення на опублікованій сторінці. Він замінить властивості розміру файлу зображення. Якщо ви вибрали цей параметр, потрібно задати ширину, висоту або обидва значення для зображення, використовуючи властивості Ширина та Висота.

    • Ширина (пікселі)      Якщо ви вибрали параметр Указати розмір, у полі Ширина (пікселі) вказується ширина зображення в пікселях.

    • Висота (пікселі)      Якщо ви вибрали параметр Указати розмір, у полі Висота (пікселі) вказується висота зображення в пікселях.

    • Надати пропорції      Цей параметр використовується, щоб зберігати співвідношення ширини та висоти зображення. Якщо ви вибрали цей параметр, то можете встановити лише ширину або висоту зображення, оскільки значення, яке ви вибираєте для ширини або висоти зображення, визначає значення іншого виміру на основі співвідношення вихідних ширини й висоти зображення.

На початок сторінки

Додавання зображення до елемента керування полем "Вміст сторінки" за допомогою редактора HTML

  1. Перейдіть на сторінку, на яку потрібно додати зображення, а потім на панелі інструментів Редагування сторінки виберіть Редагувати сторінку.

    Примітка : Якщо панель інструментів Редагування сторінки не відображається, у меню Дії сайту виберіть Показати меню змінення сторінки.

  2. В елементі керування полем "Вміст сторінки" клацніть Редагувати вміст, щоб запустити редактор HTML. Редактор HTML може відобразитися в тексті або в діалоговому вікні веб-сторінки в новому вікні.

  3. Розташуйте курсор в елементі керування полем "Вміст сторінки" в місці, де потрібно додати зображення.

  4. На панелі інструментів редактора HTML натисніть кнопку Вставити зображення Зображення кнопки .

    Сполучення клавіш.  Щоб вставити зображення, натисніть клавіші Ctrl+Shift+П.

    Відкриється діалогове вікно веб-сторінки Редагування властивостей рисунка.

  5. У діалоговому вікні веб-сторінки Редагування властивостей рисунка в розділі Загальні натисніть кнопку Огляд, розташовану поруч із полем Вибрано рисунок. У новому вікні відкриється бібліотека зображень.

  6. Виберіть потрібне зображення та натисніть кнопку OK. Бібліотека зображень закриється, а адреса вибраного зображення з’явиться в полі Вибрано рисунок.

  7. За потреби можна налаштувати решту властивостей зображення.

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

    • Гіперпосилання      Зображення за потреби може виконувати функцію гіперпосилання. У цьому полі введіть бажаний об’єкт гіперпосилання. Об’єкт для гіперпосилання також можна знайти за допомогою кнопки Огляд. Установіть прапорець Відкривати посилання в новому вікні, якщо ви хочете, щоб гіперпосилання відкривалося в новому вікні браузера.

      У розділі Макет можна налаштувати такі властивості:

    • Вирівнювання      Ви можете змінити розташування зображення в елементі керування полем, використовуючи розкривний список Вирівнювання.

    • Товщина меж      Ви можете додати до зображення рамку, указавши товщину меж. Товщина меж вимірюється в пікселях.

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

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

      У розділі Розмір можна налаштувати такі властивості:

    • Використовувати розмір рисунка за замовчуванням      Виберіть цей параметр, якщо потрібно, щоб зображення відображалося в стандартному розмірі, тобто в розмірі, указаному у властивостях файлу зображення.

    • Указати розмір      Виберіть цей параметр, щоб указати розмір зображення на опублікованій сторінці. Він замінить властивості розміру файлу зображення. Якщо ви вибрали цей параметр, потрібно задати ширину, висоту або обидва значення для зображення, використовуючи властивості Ширина та Висота.

    • Ширина (пікселі)      Якщо ви вибрали параметр Указати розмір, у полі Ширина (пікселі) вказується ширина зображення в пікселях.

    • Висота (пікселі)      Якщо ви вибрали параметр Указати розмір, у полі Висота (пікселі) вказується висота зображення в пікселях.

    • Надати пропорції      Цей параметр використовується, щоб зберігати співвідношення ширини та висоти зображення. Якщо ви вибрали цей параметр, то можете встановити лише ширину або висоту зображення, оскільки значення, яке ви вибираєте для ширини або висоти зображення, визначає значення іншого виміру на основі співвідношення вихідних ширини й висоти зображення.

      Примітки : 

      • Якщо сторінка, на яку потрібно додати зображення, – це Сторінка веб-частини, ви можете додати зображення за допомогою веб-частини "Зображення". Докладні відомості про використання веб-частини "Зображення" див. в цій статті.

      • Якщо зображення, яке потрібно додати на сторінку, недоступне в бібліотеці зображень, його можна додати за наявності дозволів на участь. Докладні відомості про додавання файлу зображення до бібліотеки див. в статті Додавання одного або кількох файлів до бібліотеки.

На початок сторінки

Коментування цієї статті

Ця стаття допомогла вам? Якщо так, повідомте нам про це, вибравши відповідний варіант унизу цієї сторінки. Повідомте нам, що було незрозумілим або чого не вистачає. Якщо ви знайшли цю статтю під час пошуку, але вам потрібні не ці відомості, розкажіть, що саме ви шукали. Укажіть дані про свою версію SharePoint, операційну систему та браузер. Ваш відгук допоможе нам ретельно перевірити інструкції та оновити цю статтю.

Примітка : Застереження про машинний переклад: Цю статтю перекладено комп’ютерною системою без втручання людини. Корпорація Майкрософт пропонує таку послугу, щоб іншомовні користувачі могли дізнаватися про продукти, служби й технології Microsoft. Оскільки статтю перекладено за допомогою служби машинного перекладу, вона може містити смислові, синтаксичні або граматичні помилки.

Отримуйте нові функції раніше за інших
Приєднайтеся до оцінювачів Office

Ця інформація корисна?

Дякуємо за ваш відгук!

Дякуємо за відгук! Схоже, вам може стати в нагоді допомога одного з наших спеціалістів служби підтримки Office, з яким ми вас можемо з’єднати.

×