Оптимізування зображень для SharePoint Online

Швидкість завантаження веб-сторінки залежить від загального розміру всіх компонентів, потрібних, щоб відобразити її, зокрема зображень, коду HTML, JavaScript і CSS. Зображення роблять веб-сайт привабливішим, але їхній розмір може впливати на продуктивність. Щоб мінімізувати вплив дуже великих зображень, можна оптимізувати їх, стискаючи зображення і змінюючи їхній розмір, а також скористатися спрайтами. Використовуючи відтворення зображень SharePoint, можна передати одне велике зображення та відображати його частини. Так можна повторно використовувати зображення, не завантажуючи його щоразу повторно.

Використання спрайтів для прискорення завантаження зображень в SharePoint Online

Спрайт зображення містить багато менших зображень. Використовуючи CSS, можна вибирати частину складеного зображення, яку потрібно відобразити в певній частині сторінки, за абсолютним положенням. По суті, замість того щоб завантажувати кілька зображень, одне й те саме зображення переміщається сторінкою, а користувачу демонструється лише потрібна невелика частина цього зображення спрайту. Наприклад, щоб відображати різні піктограми в SharePoint Online, використовується спрайт spcommon.png.

Тут описано:

  • Стискання зображень

  • Оптимізування зображень

  • Відтворення зображень у SharePoint

Знімок екрана: spcommon

Так можна підвищити продуктивність, оскільки замість кількох зображень завантажується лише одне, яке потім кешується та використовується повторно. Навіть якщо зображення не залишиться кешованим, так можна знизити загальну кількість запитів HTTP до сервера (оскільки використовується лише одне зображення), скоротивши час завантаження сторінки. Фактично це форма об’єднання зображень. Цей метод особливо зручний для зображень, які не змінюються часто, наприклад піктограм, показаних у прикладі із SharePoint вище. У Microsoft Visual Studio можна скористатися цим методом завдяки створеному спільнотою проекту від третіх осіб Web Essentials із відкритим кодом. Докладні відомості див. в статті Мініфікація та об’єднання в SharePoint Online.

Стискання та оптимізування зображень для прискорення завантаження сторінок у SharePoint

Щоб зменшити розмір файлів зображень, які використовуються на веб-сайті, можна стискати та оптимізувати їх. Часто найкращий спосіб досягти цього – установити для зображення максимальний розмір, у якому воно відображатиметься на сайті. Немає сенсу зберігати зображення завеликого розміру, яке ніколи не переглядатимуть. Щоб швидко й легко зменшити розмір сторінки, перш за все слід установити правильні розміри для зображень у відповідному редакторі.

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

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

Відтворення зображень – це функція SharePoint Online, яка дає змогу створювати різні версії зображень на основі попередньо визначених розмірів. Це особливо важливо, коли вміст зображень створює користувач, або розміри зображення, як-от ширина й висота, зафіксовано в коді CSS на веб-сайті. Навіть якщо розміри зображення зафіксовано в коді CSS, усе одно завантажується зображення з повною роздільною здатністю. У цьому випадку розмір файлу можна зменшити, використовуючи відтворення зображення.

Примітка : У SharePoint відтворення доступні, лише якщо ввімкнуто публікацію. Увімкнути публікацію можна в розділі "Настройки" > "Параметри сайту" > "Керування функціями сайту" > "Публікування SharePoint Server". Інакше цей параметр не відображатиметься.

Щоб змінити розмір відтворення зображення, найменший із визначених вимірів зображення (висота або ширина) і пропорції фіксуються, а інший вимір автоматично змінюється. За замовчуванням зображення обтинаються від центру за рештою вимірів. Наприклад, якщо визначено відтворення шириною 100 й висотою 50 пікселів, а вихідне зображення має ширину 1000 й висоту 800 пікселів, вимір 800 пікселів буде зменшено до 50, а вимір 1000 пікселів – обітнуто від центру зображення до 62,5 пікселів.

Працювати з відтвореннями доволі легко, але їх потрібно помістити на веб-сайт SharePoint, перш ніж додавати зображення. Крім того, також потрібно ввімкнути функції "Інфраструктура публікування SharePoint Server" (на рівні колекції сайтів) і "Публікування SharePoint Server" (на рівні веб-сайту).

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

  1. Переконайтеся, що обліковий запис користувача, який виконує цю процедуру, має принаймні дозволи на проектування для сайту верхнього рівня колекції сайтів, а веб-сайт публікується на веб-сторінку.

  2. У браузері перейдіть до сайту верхнього рівня колекції сайтів публікації.

  3. Виберіть піктограму Настройки.

  4. На сторінці Параметри сайту в розділі Зовнішній вигляд відображаються вбудовані відтворення зображень.

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

    Знімок екрана: посилання "Відтворення зображення"
  5. На сторінці Відтворення зображення виберіть посилання Додати новий елемент.

    Нова область "Примітки"
  6. На сторінці Нове відтворення зображення в полі Ім’я введіть ім’я для відтворення.

  7. У текстових полях Ширина та Висота введіть ширину й висоту відтворення (у пікселях), а потім натисніть кнопку Зберегти.

    Синхронізована папка служби OneDrive для бізнесу в уподобаннях Файлового провідника

Настроюване обтинання та відтворення зображень у SharePoint

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

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

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

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

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

×