Оптимизация изображений для SharePoint Online

Примечание:  Мы стараемся как можно оперативнее обеспечивать вас актуальными справочными материалами на вашем языке. Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Просим вас уделить пару секунд и сообщить, помогла ли она вам, с помощью кнопок внизу страницы. Для удобства также приводим ссылку на оригинал (на английском языке) .

Скорость загрузки веб-страницы зависит от общего размера все компоненты, необходимые для отображения страницы, включая изображения, HTML, CSS и JavaScript. Изображения — это превосходный способ помогут сделать сайт более привлекательным, но их размер может повлиять на производительность. По оптимизации изображений с помощью сжатия и изменение размера и с помощью sprites, можно сместить эффекты очень большие изображения. Использование представлений изображения SharePoint можно загрузить одного большие изображения и отобразить части изображения, позволяя ему будет повторно, а не загружаются.

Ускорение загрузки изображений в SharePoint Online с помощью спрайтов

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

Что такое указанные здесь.

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

  • Оптимизация изображения

  • Представления изображений в SharePoint

Снимок экрана: общий спрайт

Это может повысить производительность, так как загрузить только одно изображение вместо несколько и затем кэширование и повторное использование этим изображением. Даже если изображение не остаются в кэше, задав вместо несколько изображений в одно изображение, этот способ позволяет сократить общее число запросов HTTP на сервере, который будет сократить время загрузки страницы. Это действительно формы для объединения изображения. Это очень полезным метод Если изображений не изменяете слишком часто, например, значки, как показано в приведенном выше примере SharePoint. Вы можете как использовать Основные сведения о Web, стороннего производителя открыть источник, на основе сообщества project для этого легко в Microsoft Visual Studio. Подробнее читайте иными и объединения в SharePoint Online.

Ускорение загрузки страниц в SharePoint с помощью сжатия и оптимизации

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

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

Ускорение загрузки страниц с помощью представлений изображений в SharePoint

Представления изображений — это функция SharePoint Online позволяет обслуживать разных версий изображения на основе аналитик предопределенные изображения. Это важно особенно при наличии содержимое изображения, создаваемые пользователем или устранения размеры изображения, например, ширину и высоту которых 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. В текстовых полях Ширина и Высота введите ширину и высоту (в пикселях) представления и нажмите кнопку Сохранить.

    Снимок экрана: имя представления изображения

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

По умолчанию задается представления изображения из центра изображения. Вы можете настроить представления изображения для отдельных изображений Обрезка части изображения, которое вы хотите использовать. Можно обрезать изображения в индивидуальном порядке, каждого представления. Обрезка изображений ускоряет загрузки с помощью кэша blob SharePoint. Чтобы создать версию изображение для каждого представления страницы. Этот способ загрузки сервера сокращается, так как изображения изменяется только один раз и нажмите Готово к служат для конечных пользователей несколько раз. Дополнительные сведения о том, как обрезать представления изображения читайте в статье Обрезать представления изображения.

Совершенствование навыков работы с Office
Перейти к обучению
Первоочередный доступ к новым возможностям
Присоединиться к программе предварительной оценки Office

Были ли сведения полезными?

Спасибо за ваш отзыв!

Благодарим за отзыв! Возможно, будет полезно связать вас с одним из наших специалистов службы поддержки Office.

×