网站添加新式页面时,可添加和自定义 Web 部件,这些部件是页面的构建基块。 本文介绍如何使用图像 Web 部件。 使用它在页面上插入图像,无论是从您的网站、计算机还是从 Web。 可以裁剪、重设大小以及替换现有图像。

你的浏览器不支持视频。

向页面添加图像

添加图像 Web 部件

裁剪图像

调整图像大小

通过拖动或粘贴替换现有图像

在页面上添加或替换图像

在页面上添加或替换图像的最简单方法是直接拖动或粘贴。 

拖动以添加新图像或替换现有图像

  1. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  2. 执行下列操作之一:

    若要添加图像,只需将想要使用的图像拖动到要放置图像的位置。

    若要替换图像,请双击选择要替换的图像,然后将新图像拖动到该图像。

可能需要根据需要调整图像大小或重新裁剪图像。

通过粘贴替换图像

  1. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  2. 复制要添加或替换现有映像的映像。

  3. 在页面上,双击选择图像 Web 部件中的图像。

  4. 按键盘上的 Ctrl+V

添加图像 Web 部件

  1. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  2. 将鼠标悬停在现有 Web 部件上方或下方或标题区域下,单击" 带圆圈的加号用于向页面添加新式 web 部件",然后选择 "图像 "Web 部件。

  3. 从下列选项之一中选择最近使用的图像:

    • Microsoft 提供的库存图像

    • Web 搜索

    • 网站

    • 你的计算机

    • 链接

    • 如果您的组织已指定一组已批准的图像,您将能够在"您的组织"下从该集进行选择。

      文件选取器选项的图像。

      注意: 

      • Web 搜索使用必应 Creative Common 许可证的图像。 在页面上插入图像之前,你负责评审图像的许可。

      • 如果你是管理员,SharePoint了解如何为组织创建资产库,请参阅创建组织资产库

      • 如果你是管理员,SharePoint,我们建议启用一个内容分发网络 (CDN) 来提高获取图像的性能。 详细了解 CDN。

  4. 单击 " 打开 " 或 (图像",具体取决于图像来自) 。

  5. (可选)在 Web 部件中的图像下键入标题。

  6. 单击左侧 “web 部件”编辑按钮 (编辑 Web 部件) 更改图像、添加图像链接、在图像上添加文本,以及添加或更改可选文字 (供使用屏幕阅读器) 。

    图像 Web 部件工具箱

    自动可选文字 插入图像时,系统 (屏幕阅读器用户) 可选文字。 在许多情况下,除非更改或删除图像,否则文本会自动随图像一起保存。 如果图像的可选文字的置信度级别不高,你将在图像上看到一个警报,允许查看和更改或保留可选文字。

    包含可选文字提示的图像

注意:  SharePoint Server 订阅版本 SharePoint Server 2019 编辑 Web 部件时,文本和文本仅支持可选文字。

裁剪图像

可以在不设置纵横比的情况下裁剪图像。

  1. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  2. 单击要更改的图像。 将显示用于编辑图像的工具栏。

    图像工具栏

    • 1. 纵横比

    • 2. 具有自由比率的裁剪

    • 3. 撤消

    • 4. 重置

    • 5. 预览 (保存)

使用纵横比进行裁剪

使用纵横比进行裁剪可以决定图像的宽度和高度比例。 下图中蓝色轮廓的区域显示纵横比选择 (1:1) 的正方形。

纵横比裁剪示例
  1. 单击" 纵横比" 按钮 纵横比裁剪按钮" 。

    另一个工具栏将飞出,提供用于不同纵横比的选项。

    纵横比工具

    选择想要的纵横比。 16:9 是最左侧的纵横比选项,后跟 3:2、4:3 和 1:1。 你将看到一个预览框,用于显示如何裁剪图片。 您可以移动图片中的裁剪框以更改裁剪的区域。

    您也可以旋转裁剪框,以便通过单击"旋转裁剪框"按钮来更改纵横比方向的显示方式 "旋转裁剪框"按钮

  2. 完成后,单击 "保存 保存"。

手动裁剪

自由裁剪示例
  1. 单击" 使用自由比率裁剪 "按钮 "无纵横比"按钮的"裁剪" 裁剪而不使用纵横比。 然后拖动图像两侧的一个正方形,使图像更窄、更宽、更高或更短。

  2. 完成后,单击 "保存 保存"。

调整图像大小

在编辑模式下,可以通过选择图像以显示调整大小控点,或者选择图像工具栏上的"调整大小"按钮来调整图像大小。 然后拖动其中一个控点,使图像大小为您需要的大小。

调整图像上的控点大小

注意: 

  • 图像大小调整在 SharePoint Server 2019 中不可用。

  • 有关图像和纵横比详细信息,请参阅现代页面中的图像大小调整SharePoint缩放

撤消或重置

使用" 撤消 "按钮 撤消裁剪 撤消最后一个操作。 使用 " 重置 重置图像裁剪 按钮可一次撤消所有更改,将图像返回到上次保存后的状态。

通过拖动或粘贴替换现有图像

如果页面上已有图像 Web 部件,则可以通过编辑 Web 部件并选择其他图像来替换图像,也可以拖动或复制新图像并将其粘贴到要替换的图像上。 若要粘贴,需使用键盘快捷方式粘贴 ctrl+V (粘贴) 。 下面是具体步骤:

复制和粘贴

  1. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  2. 复制要替换现有 映像的映像。

  3. 在页面上,双击选择图像 Web 部件中的图像。

  4. 按键盘上的 Ctrl+V

拖放

  1. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  2. 选择要替换现有映像的图像。

  3. 在页面上,双击选择图像 Web 部件中的图像。

  4. 将图像拖过现有图像。

注意: 可能需要根据需要调整图像大小或重新裁剪图像。

另请参阅

图像库 Web 部件

Hero Web 部件

需要更多帮助?

扩展你的技能
了解培训

此信息是否有帮助?

你对语言质量的满意程度如何?
哪些因素影响了你的体验?

谢谢您的反馈!

×