SharePoint Online 的图像优化

注意:  我们希望能够尽快以你的语言为你提供最新的帮助内容。 本页面是自动翻译的,可能包含语法错误或不准确之处。我们的目的是使此内容能对你有所帮助。可以在本页面底部告诉我们此信息是否对你有帮助吗? 请在此处查看本文的 英文版本 以便参考。

网页的加载速度取决于呈现包括图像、 HTML、 JavaScript 和 CSS 页面所需的所有组件的合并的大小。图像的绝佳方式,以使您的网站更具吸引力,但其大小会影响性能。通过优化您的图像与压缩和调整大小,以及使用子画面,您可以偏移量非常大的图像的效果。使用 SharePoint 图像呈现形式,可以上载大型单个图像,并显示允许它被重用而不是重新加载的图像部分。

使用子画面加速 SharePoint Online 中的图像加载

图像子画面包含多个较小的图像。使用 CSS 选择复合图像以显示特定部分的绝对位置页面上的部件。基本上,您将单个图像,而不是加载多个图像,在页面中来回移动,并使该图像的一个小部分可见通过在其中显示 sprite 图像的所需的部分的小窗口到最终用户。SharePoint Online使用子画面 sprite spcommon.png 中显示其各种图标。

这里介绍什么是:

  • 图像压缩

  • 图像优化

  • SharePoint 图像呈现形式

spcommon 的屏幕截图

因为下载只有一个图像,而不是几个,然后缓存并重复使用该图像,这可提高性能。即使图像不会保留缓存,通过让单个图像,而不是多个图像,此方法将减少到服务器,这将减少页面加载时间 HTTP 请求总数。这是真正的图像绑定窗体。这是非常有用方法如果图像不会更改经常,例如,图标,上面提供 SharePoint 示例所示。您可以如何使用Web Essentials,实现轻松地在 Microsoft Visual Studio 中的第三方、 打开源、 基于社区的项目。有关详细信息,请参阅缩小和 SharePoint Online 中捆绑

使用图像压缩和优化加速 SharePoint 中的页面加载

图像压缩和优化是为了缩小网站上所用图像文件的大小。通常情况下,缩小图像大小的最佳方法是将图像调整为网站上将显示的最大尺寸。使图片大于将显示的尺寸毫无意义。使用图像编辑器确保图像的尺寸正确是缩小页面的一种简便快捷的方式。

一旦图像的大小合适,下一步就是优化图像压缩。有许多可用于压缩和优化的工具,包括照片库和第三方工具。压缩的关键是尽可能减小文件大小而不使最终用户感到质量下降。请确保在高清显示器上测试你压缩的文件以确保其外观效果仍然良好。

通过使用 SharePoint 图像呈现形式加速页面下载。

图像呈现形式是SharePoint Online ,您可以提供基于预定义的图像尺寸的图像的不同版本中的功能。当用户生成的图像内容或修复图像尺寸,如宽度和高度的网站上的 CSS,这是特别重要。即使图像固定的 CSS,高分辨率图像仍在加载。在此例中可以通过使用图像呈现形式减小文件大小。

注意: 只有启用了发布时,SharePoint 呈现形式才可用。可以在“设置”>“网站设置”>“管理网站功能”>“SharePoint 服务器发布”下启用发布。否则将不显示该选项。

图像呈现形式采用你定义的最小尺寸重新调整宽度或高度,然后基于锁定纵横比自动重设图像另一方向的尺寸。默认情况下,它将按剩余尺寸从中心裁剪图像。例如,如果你定义的呈现形式是宽 100px 高 50px,而原始图像宽 1000px 高 800px,则会对其重设大小,使 800px 方向变为 50px,并从图像的中心裁剪 1000px 方向(现为 62.5px)。

这些步骤相对简单,但是对于使用图像呈现形式的图像,这些呈现形式必须在你添加图像之前位于 SharePoint 网站上。此外,你还需要打开 SharePoint​​ 服务器发布基础结构(网站集级别)和 SharePoint 服务器发布(网站级别​​)功能。

添加图像呈现形式以加速页面加载

  1. 验证正在执行此过程的用户帐户至少具有网站集的顶级网站的“设计”权限,并验证网站正在被发布到网页。

  2. 在 Web 浏览器中,转到发布网站集的顶级网站。

  3. 选择“设置”图标。

  4. 在“网站设置”页面上,在“外观”部分中,你将看到内置图像呈现形式。

    可以使用现成的呈现形式,或选择“图像呈现形式”以创建新的呈现形式。

    图像呈现形式的屏幕截图
  5. 在“图像呈现形式”页面上,选择“添加新项目”。

    “添加新项目”的屏幕截图
  6. 在“新建图像呈现形式”页面上,在“名称”框中输入呈现形式的名称。

  7. 在“宽度”和“高度”文本框中,输入呈现形式的宽度和高度(以像素为单位),然后选择“保存”。

    图像呈现形式名称的屏幕截图

通过 SharePoint 中的图像呈现形式进行自定义裁剪

默认情况下,从图像的中心生成图像呈现形式。通过裁剪您想要使用的图像的部分,您可以调整图像呈现形式的单个图像。您可以裁剪逐个,每个呈现形式的图像。裁剪图像加快页面加载通过使用 SharePoint 的 blob 缓存来创建的每个呈现形式的图像的版本。这种方式服务器负载减轻因为该图像大小调整仅一次,然后已准备好将 serve 拖到最终用户多次。如何裁剪图像呈现形式的详细信息,请参阅裁剪图像呈现形式

扩展你的 Office 技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×