您可通过以下方法添加新的图片和视频:
- 使用导入素材资源命令
- 从计算机文件系统浏览器中拖动素材资源
- 访问 Studio 素材资源库
- 创建一个图片或视频元素并指定其来源
- 替换现有图片
如果您在 Google Web Designer 中使用的本地图片和视频属于受支持的类型,系统会自动将其添加到资源库中,以便您可以轻松地在文档中重复使用它们。
SVG 图片
图片和 AMPHTML 广告
AMPHTML 广告使用 amp-img
标记,而非 img
标记。当您在设计视图中添加图片时,Google Web Designer 会自动使用适当的标记。
视频和事件(互动视频)
如果您想将事件与视频搭配使用,请务必使用视频组件,而不是通过元素工具来添加视频元素。
视频广告
视频广告中的图片和视频可用作媒体剪辑。
添加新的图片或视频
导入图片或视频
- 在文件菜单中,选择导入素材资源…,或者使用键盘快捷键 Ctrl + Shift + i (Windows) 或 ⌘ + Shift + i (Mac)。
- 使用随即显示的对话框选择要导入的一个或多个文件。
所选的素材资源会显示在文档工作区和资源库中。
通过从计算机中拖动图片或视频来添加这些素材资源
- 使用计算机的文件系统浏览器选择要添加的图片或视频。您可以选择多个文件。
- 将图片或视频拖动到 Google Web Designer 的文档工作区中。
从 Studio 素材资源库中添加图片或视频
- 从资源库顶部的下拉菜单中选择 Studio。
- 点击启动按钮,与 Studio 素材资源库建立连接。
- 如果您尚未登录,系统会提示您登录与您的 Studio 帐号关联的 Google 帐号。
- 顺着文件夹结构转到您要使用的素材资源。
- 将该素材资源从资源库拖动到文档工作区中的目标位置。
系统会将该素材资源的副本添加到本地资源库中的 studio 文件夹下。
更换文档中的图片
借助“更换图片”功能,您可以用另一图片替换原有图片。当您要替换模板中的图库图片时,这一功能会很有用。
- 右键点击您要替换的图片。
- 从弹出式菜单中选择更换图片…。
- 在随即显示的对话框中,您可以从资源库中选择图片,也可以点击导入素材资源图标
,从计算机导入图片。
- 点击确定。
如果您没有看到更换图片…命令,请确保您选择的是图片,而不是父元素或叠加于相应图片之上的其他元素。通过“大纲”面板,您可以轻松地查看自己选择了哪个元素。
使用元素工具添加图片或视频
- 在工具栏中选择元素
工具。
- 在工具选项栏中选择图片元素
或视频元素
。
- 通过在工作区中点击鼠标并拖动指针,绘制一个具有所需尺寸的元素。
- 在“属性”面板中为该图片或视频指定来源。
系统会自动调整图片的大小并予以适当的拉伸,以使其适合所绘元素的尺寸。视频将会在宽高比不变的前提下以适合所绘元素之尺寸的最大尺寸显示。
使用本地资源库中的图片和视频
您可在“资源库”面板中查看已向此文档添加的图片和视频。
- 在“资源库”中,通过点击相应名称选中要使用的图片或视频素材资源。
- 将所选素材资源拖到工作区中的目标位置。
Web Designer 会将本地资源库素材资源文件的副本存储在计算机文件系统中 Google Web Designer 项目文件夹内的 assets
子文件夹中。
调整图片和视频大小
添加图片或视频后,您可能需要调整其大小或缩放比例。
预览视频
如果视频位于视频组件或视频广告中,您可在 Google Web Designer 界面中预览这些视频。
如需查看视频在项目中的显示效果,请点击右上角的预览按钮,在首选浏览器中预览文档。此选项不适用于视频广告。