使用图像 Web 部件

网站添加新式页面时,可添加和自定义 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 部件工具箱

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

    包含可选文字提示的图像

裁剪图像

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

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

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

    图像工具栏

    • 1. 纵横比

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

    • 3. 撤消

    • 4. 重置

    • 5. 预览 (保存)

使用纵横比进行裁剪

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

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

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

    纵横比工具

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

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

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

手动裁剪

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

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

调整图像大小

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

调整图像上的控点大小

撤消或重置

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

提示: 有关图像和纵横比详细信息,请参阅现代页面中的图像SharePoint缩放

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

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

复制和粘贴

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

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

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

  4. 按键盘上的 Ctrl+V

拖放

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

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

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

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

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

另请参阅

图像库 Web 部件

Hero Web 部件

需要更多帮助?

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

此信息是否有帮助?

谢谢您的反馈!

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

×