跳到内容

媒体库

媒体库是您项目的内置图片库。您可以上传图片、导入免费图库照片或使用 AI 生成图片,然后直接在编辑器中或通过稳定的 URL 在推送通知、网页推送、电子邮件、应用内消息、云页面和其他内容中重复使用它们。

要打开媒体库,请在 Pushwoosh 控制面板中转到 Content > Media storage。该页面有三个选项卡:

  • Library:项目中已存储的图片。
  • Stock photos:搜索 Pexels 的免费照片并将其保存到库中。
  • Generate with AI:描述一张图片并将结果保存到库中。
媒体库页面,包含 Library、Stock photos 和 Generate with AI 选项卡、上传拖放区,以及带有 Figma 徽章的图片网格

谁可以添加和删除图片

Anchor link to

要添加图片(上传、导入图库照片、AI 生成)、创建裁剪图或删除图片,您需要拥有该项目的 Modify applications 权限。拥有只读权限时,您可以浏览库并选择图片,但不能更改库。请参阅管理用户访问和权限。

上传图片

Anchor link to

要将图片上传到媒体库:

  • 拖放一个或多个图片文件到上传区域。
  • 点击上传区域以打开文件选择器,并从您的设备中选择图片。
媒体库上传区域,一张图片文件在上传过程中被拖放到拖放区

上传完成后,您的图片会出现在下方的网格中,最新的图片排在最前面,您可以根据需要点击 Previous 或 Next 浏览旧页面。

上传时压缩 PNG 图片

Anchor link to

PNG 压缩会在 PNG 图片添加到库时减小其大小。Pushwoosh 会减少图片中的颜色数量并保留透明度。这种压缩是有损的,但差异通常不可见。该功能默认关闭,并为每个项目单独设置。

要更改此设置,您需要该项目的 Modify applications 权限。

要开启 PNG 压缩:

  1. 在媒体库页面上,点击右上角页面标题右侧的 设置。
  2. 在 媒体存储设置 窗口中,开启 上传时压缩 PNG 图片。
  3. 点击 保存。

开启该设置后,Pushwoosh 会在每张新 PNG 通过大小限制检查后对其进行压缩。这包括:

Pushwoosh 会按原样存储 JPG、WebP 和 GIF 文件。它不会压缩动画 PNG 或库中已有的图片。

如果 PNG 无法压缩,Pushwoosh 会存储原始文件,上传仍会成功。

当您从设备上传 PNG 时,确认消息会显示压缩节省的百分比和空间大小,例如 图片已上传。PNG 已压缩:节省 63%(81.2 KB)。批量上传时,这些数字只统计变小了的 PNG。在编辑器的图片选择器中上传图片时,也会显示同样的消息。

从 Figma 发送图片

Anchor link to

要直接发送 Figma 文件中的画框而无需先导出,请使用 Pushwoosh 的 Figma 插件。请参阅 Figma 集成。

从 Canva 导入设计

Anchor link to

要导入 Canva 设计的页面,请点击上传区域旁边的 从 Canva 导入。连接 Canva 后,您还可以通过 在 Canva 中编辑 在 Canva 编辑器中打开已存储的图片,并通过 在 Canva 中创建 开始新设计。请参阅 Canva 集成。

按文件名查找图片

Anchor link to

在网格上方的 Search by file name 字段中输入文件名的一部分,然后按 Enter。搜索不区分大小写,并覆盖整个库,而不仅仅是当前页面。清空该字段即可再次显示所有图片。

图片的来源

Anchor link to

磁贴上的徽章显示图片是如何进入库中的:

  • AI:在 Generate with AI 选项卡中生成。
  • Pexels:从 Stock photos 选项卡导入。
  • Canva:通过 Canva 集成导入或编辑。
  • Figma:通过 Pushwoosh 的 Figma 插件发送。

从您的设备上传的图片没有徽章。

2 个版本 之类的徽章表示该图片有多个版本,再次发送 Figma 画框或在 Canva 中编辑该图片时会产生新版本。磁贴显示最新版本。每个版本都有自己的 URL,因此使用旧版本的内容会继续显示该版本。

使用图片的旧版本

Anchor link to

要查看图片的所有版本并从中选择一个:

  1. 点击磁贴上的 N 个版本 徽章。版本 面板将会打开,预览中显示标记为 当前 的最新版本。
  2. 在 全部版本 下,点击您想要的版本。列表从最新版本开始。预览会显示所选版本及其像素尺寸和文件大小。
  3. 点击 使用此版本。
版本面板,在全部版本下选中了秋季促销横幅的版本 1,尺寸 1080 × 1080、大小 452 KB,以及使用此版本按钮

在媒体库页面上,使用此版本 会复制所选版本的 URL,与 Select 按钮的作用相同。在编辑器的图片选择器中,它会将所选版本插入字段。

从 Pexels 添加图库照片

Anchor link to

Stock photos 选项卡会搜索 Pexels 的免费照片库。图库照片不计入每日 AI 图片限额。

  1. 打开 Stock photos 选项卡。
  2. 输入您要查找的内容,例如 summer sale,然后点击 Search。
  3. 点击一张照片。

Pushwoosh 会将该照片复制到您的库中,并带有 Pexels 徽章。在每个搜索结果下方,摄影师的姓名会链接到其 Pexels 个人主页,该选项卡也会注明 Pexels 为照片提供方。如果没有与您的查询匹配的结果,该选项卡会显示 Nothing found — try another query。

如果您的套餐不包含 AI 图片,图库照片搜索也会被关闭。请参阅每日 AI 图片限额。

使用 AI 生成图片

Anchor link to

Generate with AI 选项卡会根据文字描述创建图片,并将其保存到您的库中。

  1. 打开 Generate with AI 选项卡。
  2. 描述图片,例如 flat-lay of summer picnic essentials on a pastel background。
  3. 选择宽高比。当您从编辑器中打开此选项卡时,列表只提供适合该字段的比例,因此列表可能更短或不显示。
  4. 选择要生成的图片数量:1 × image、2 × image 或 4 × image。
  5. 点击 Generate。

无论您是否使用,每张生成的图片都会以 AI 徽章保存到库中。要针对相同描述获得新结果,请点击 Generate again。

如果项目有 Brand book,Pushwoosh 会将其中的颜色和语气添加到描述中,使生成的图片符合您的品牌风格。

为推送通知生成图片

Anchor link to

要生成与推送消息相符的图片:

  1. 在已有标题或文本的推送预设中,打开 Banner URL、Icon 或收件箱图片的图片选择器。
  2. 打开 Generate with AI 选项卡。Match the push message 复选框默认处于选中状态。
  3. 描述图片,然后点击 Generate。

选中该复选框后,Pushwoosh 会生成一张说明消息内容的图片。除非您的描述中要求,否则 Pushwoosh 不会将消息文本放入图片中。在多语言预设中,标题和文本取自默认语言,或取自第一个已填写它们的语言。

将您的图片用作风格参考

Anchor link to

风格参考是库中的一张图片,用于告诉 AI 您想要的外观。生成的图片会采用参考图的颜色、光线、渲染技法和氛围,并呈现您描述的主体。参考图中的人物、面孔、标志、文字和场景不会被复制。

  1. 打开 Library 选项卡。
  2. 选中每张要用作参考的图片上的复选框。最多可以使用 10 张参考图。
  3. 点击 Use as style。Generate with AI 选项卡会打开,并在 Style references 下显示所选图片。
  4. 描述图片,然后点击 Generate。
Generate with AI 选项卡,已输入描述,并在 Style references: 3 / 10 下添加了三张秋季照片

要移除一张参考图,请点击其缩略图上的叉号。要全部移除,请点击 Clear。您可以从库的其他页面添加更多图片,直到总数达到 10 张。如果所选图片会超过 10 张,多出的图片不会被添加。

参考图只能是本项目库中的图片。裁剪图不能用作参考图。

每日 AI 图片限额

Anchor link to

AI 图片的数量按账户每天进行限制。默认限额为:

  • 付费套餐每天 10 张图片。
  • 免费套餐每天 2 张图片。

每张生成的图片都计入限额,因此 4 × image 会使用 4 张。如果剩余数量少于您请求的数量,Pushwoosh 会在限额允许的范围内尽量生成。达到限额后,生成会失败并显示消息 daily limit of N AI images reached, try again tomorrow。

使用风格参考生成时有单独的每日请求限额,为图片限额的五倍。按默认图片限额计算:

  • 付费套餐每天 50 次请求。
  • 免费套餐每天 10 次请求。

无论包含多少参考图和图片,一次请求只计为一次。每张生成的图片仍会计入图片限额。达到请求限额后,使用参考图的生成会失败并显示消息 too many generations with style references today, try again tomorrow。不使用参考图的生成仍可正常工作。

如果您的套餐不包含 AI 图片,生成和图库照片搜索会失败并显示消息 AI images and stock photos are not available on your plan。要更改限额,请联系您的 Pushwoosh 客户经理。

创建图片裁剪图

Anchor link to

裁剪图是原始图片在特定宽高比下经过调整大小和裁剪的副本。当同一张图片需要为不同渠道或位置设置不同比例时,裁剪图非常有用。

要创建裁剪图:

  1. 将鼠标悬停在图片上,然后点击 Create crops 按钮。Create crop 面板将会打开。
  2. 选择适合图片使用位置的 Aspect ratio。例如,Android 大图横幅使用 2:1,Apple Wallet 条带图或标志图片使用 3:1。图片中央会出现一个该宽高比、在图片允许范围内尽可能大的框。
  3. 将框移动到您想保留的图片部分。用鼠标或在触摸屏上拖动它,或点击图片上的某个点使框以该点为中心。要使用键盘移动框,请按 Tab 键直到框获得焦点,然后按方向键。框会在图片边缘停止。
  4. 设置 Size。选择您的值是定义 Width 还是 Height,然后输入像素数。Pushwoosh 会根据所选的宽高比计算另一个维度。
  5. 对于 JPEG 图片,设置 JPEG quality 值,范围为 1 到 100。值越高,保留的细节越多,但文件也越大。
  6. 点击 Create crop。
创建裁剪图面板,已选择 1:1,宽度 1080,一个正方形框被移到照片右边缘,覆盖白色运动鞋和礼品袋的一部分

Pushwoosh 会严格按照框内区域剪切裁剪图,并将其与原始图片一起保存,预览会切换到新的裁剪图。选择其他宽高比时,框会回到中央。

裁剪图永远不会大于原始图片。如果您设置的尺寸在该宽高比下所需的像素超过原始图片所有的像素,Pushwoosh 会以原始图片允许的最大尺寸保存裁剪图。例如,从 1184×864 的图片创建宽度为 1080 的 1:1 裁剪图,会以 864×864 保存。

如果尺寸或框的位置不同,您可以创建多个相同宽高比的裁剪图。如果已存在宽高比、最终尺寸(缩小以适应原始图片之后)和框位置都相同的裁剪图,Pushwoosh 会打开该裁剪图,而不是创建新的裁剪图。

查看已有裁剪图

Anchor link to

创建裁剪图 面板底部的 已有裁剪图 列表显示该图片的所有裁剪图。要查看裁剪图:

  1. 将鼠标悬停在图片上,然后点击 创建裁剪图 按钮。
  2. 在 已有裁剪图 下,点击该裁剪图。预览会显示已存储的裁剪图及其宽高比和尺寸,例如 2:1 · 1024×512。
创建裁剪图面板,预览白色运动鞋已存储的 2:1 裁剪图,1024×512,在已有裁剪图下选中,旁边是一个 1:1 裁剪图

要返回原始图片,请点击 宽高比 下的 原图。

删除图片

Anchor link to

您可以删除不再需要的图片,可以删除原始图片及其所有裁剪图,也可以单独删除某个裁剪图。

删除原始图片

Anchor link to
  1. 将鼠标悬停在网格中的图片上,然后点击 Delete 图标。
  2. 在确认窗口中,点击 Delete。

如果图片有多个版本,则只会删除最新版本及该版本的裁剪图,磁贴会显示上一个版本。要删除旧版本,请先删除较新的版本。

您不能删除 Wallet pass 营销活动中使用的图片。请先从营销活动中移除该图片。

删除单个裁剪图而不移除原始图片

Anchor link to
  1. 将鼠标悬停在图片上,然后点击 Create crops 按钮以打开 Create crop 面板。
  2. 在 Existing crops 中,找到您要移除的裁剪图,然后点击其 Delete crop 按钮。
  3. 在确认窗口中,点击 Delete。

一次性删除多张图片

Anchor link to

要一次性移除多张原始图片:

  1. 勾选您要删除的每张图片上的复选框,或点击 Select all on page 以选择当前页面上的所有图片。
  2. 点击 Delete selected。
  3. 在确认窗口中,点击 Delete。

在您的内容中使用图片

Anchor link to

添加媒体库图片的方式取决于内容类型。

在编辑器中选择图片

Anchor link to

在下列编辑器中,您无需离开编辑器即可选择、查找或生成图片。图片选择器包含 Library、Stock photos 和 Generate with AI 选项卡:

  • 推送通知和网页推送内容:Banner URL、Icon、Stories 和收件箱图片。请参阅 Push presets 中的添加媒体内容。
  • SMS 预设:MMS 附件。MMS 仅接受 JPG 和 GIF,因此该选择器只有 Library 和 Stock photos。
  • 推送发送表单:收件箱图标和 WhatsApp 媒体。
  • Customer Journey:Viber 和 WhatsApp 元素中的图片。
  • 原生应用内消息、Wallet passes 和电子邮件广告素材。
  • AI Email Builder,以及用于应用内消息和云页面的同一构建器:图片库。

当字段不同时接受 PNG 和 JPEG 时,选择器会隐藏 Generate with AI 选项卡,因为生成的图片可能是其中任一格式。当字段不接受 JPEG 时,选择器会隐藏 Stock photos 选项卡。

在 Wallet pass 营销活动中,为 Apple Wallet Logo 或 Strip 位置选择的图片如果宽于 3:1,会被自动裁剪为 3:1。请参阅上传营销活动图片。

网页弹窗只允许从库中选择图片,没有 Stock photos 和 Generate with AI 选项卡。请参阅 Web 弹窗内容 中的图片和视频。

复制图片 URL

Anchor link to

从媒体库复制 URL 并将其粘贴到您的内容编辑器中。

要复制 URL:

  1. 将鼠标悬停在媒体库网格中您想要的图片上。
  2. 点击图片上的 Select 按钮(复选标记图标)。
媒体库网格磁贴,带有“选择”复选标记按钮和“图片 URL 已复制到剪贴板”的确认信息

URL 复制到剪贴板后,将其粘贴到您正在使用的编辑器中。

粘贴的位置取决于编辑器:

选择原始图片或裁剪图

Anchor link to

要复制原始图片或裁剪图的 URL:

  1. 将鼠标悬停在网格中的图片上。如果它有裁剪图,其磁贴上会显示一个带有计数的徽章(例如,2 cr.)。
  2. 点击 Select 按钮打开菜单。每个选项都会显示原始图片或裁剪图的缩略图。
  3. 选择 Original 以复制全尺寸图片的 URL,或选择按宽高比和尺寸列出的裁剪图以复制该裁剪图的 URL。
图片磁贴上的 Select 菜单,Original、2:1 · 1024×512 和 1:1 · 1024×1024 旁边带有缩略图