Applies ToSharePoint Server 订阅版 SharePoint Server 2019 Microsoft 365 中的 SharePoint Office 商业版 SharePoint 管理中心 由世纪互联运营的 SharePoint

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

将图像添加到页面

添加图像 Web 部件

裁剪图像

调整图像大小

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

在页面上添加或替换图像

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

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

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

  2. 执行下列操作之一: 若要添加图像,只需将要使用的图像拖动到要放置它的分区即可。若要替换图像,请通过双击来选择要替换的图像,然后将新图像拖到其中。

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

通过粘贴替换图像

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

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

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

  4. 按键盘上的 CTRL+V

添加图像 Web 部件

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

  2. 将鼠标悬停在现有 Web 部件上方或下方或标题区域下,单击“ Circled plus sign used to add a modern web part to a page”,然后选择 “图像 ”Web 部件。

  3. 选择最近的图像或以下其中一个图像:

    • Microsoft 提供的库存图像

    • Web 搜索

    • 站点

    • 你的计算机

    • 链接

    • 如果组织已指定一组已批准的映像,则可以从“你的组织”下的该集中进行选择。

      文件选取器选项的图像。

      注意: 

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

      • 如果您是 SharePoint 管理员并且想要了解如何为组织创建资产库,请参阅创建组织资产库

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

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

  5. (可选)在 Web 部件的图像下键入描述文字。

  6. 单击左侧) “ 编辑 Web 部件 Web part edit button (”可更改图像、添加图像链接、在图像上添加文本,以及为使用屏幕阅读器) 的用户添加或更改可选文本 (。

    图像 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. 完成后,单击“ 保存保存

调整图像大小

处于编辑模式时,可以通过选择图像以显示大小控点或选择图像工具栏上的“ 调整大小 ”按钮来调整图像的大小。 然后拖动其中一个控点,使图像大小为所需大小。

调整图像上的控点大小

注意: 

撤消或重置

使用“ 撤消 ”按钮 撤消裁剪 撤消最后一个操作。 使用“ 重置 ”按钮 重置图像裁剪 立即撤消你所做的所有更改,使映像恢复自上次保存以来的状态。

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

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

复制和粘贴

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

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

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

  4. 按键盘上的 CTRL+V

拖放

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

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

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

  4. 将图像拖动到现有图像上。

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

另请参阅

图像库 Web 部件

Hero Web 部件

需要更多帮助?

需要更多选项?

了解订阅权益、浏览培训课程、了解如何保护设备等。

社区可帮助你提出和回答问题、提供反馈,并听取经验丰富专家的意见。