添加图片和使用媒体库

上传照片,用“图片”区块把它们放到页面上,之后还可以在站点的媒体库中查找、重复使用或删除。

照片能让店铺显得真实可信。在 Payly 中,您只需上传一次图片,之后就可以在任意多个页面上重复使用。您上传的每张图片都保存在站点的媒体库中。

开始之前

  • 上传的图片随您的店铺一起保存在您自己的 Cloudflare 账户中。如果您还没有连接 Cloudflare,Payly 会在您第一次上传图片时请您先连接。
  • 您可以上传 JPEG、PNG、WebP、GIF 和 AVIF 格式的图片,每张不超过 10 MB。较大的照片会在上传前自动缩小,让您的页面保持快速加载。动画 GIF 会保持原样。

把图片添加到页面

  1. 在区块面板中,把媒体分组里的图片拖到页面上。请参阅添加、移动和调整区块大小。新的图片区块会显示未选择图片。
  2. 在设置面板中,打开通用。图片设置提供三种选择图片的方式:
    图片区块的设置:一个地址输入框、“上传图片”和“浏览已上传图片”按钮、替代文字、形状、图片填充方式和圆角
    • 点击上传图片,从您的电脑中选择一个文件。
    • 点击浏览已上传图片,选择您之前上传过的图片。
    • 把图片的网址粘贴到输入框中。只有对您有权使用的图片才这样做,并请记住,别人网站上的图片可能会更改或消失。上传更为稳妥。
  3. 在替代文字中输入一段简短的描述,例如双手在陶轮上塑造一只碗。使用屏幕阅读器的人会听到它,图片无法加载时也会显示它。搜索引擎同样会读取它。

若要从区块中移除图片,请点击预览图角落的x。这不会把图片从您的媒体库中删除。

从已上传的图片中选择

  1. 点击浏览已上传图片。您上传的图片窗口会打开,每张图片都有一张缩略图,下方标有它的大小和类型。
  2. 点击您想要的图片。它的文件名、尺寸、类型、大小和地址会显示在右侧。
    “您上传的图片”窗口,显示四张照片,第一张已选中,右侧是它的详情和“使用这张图片”按钮
  3. 点击使用这张图片。

如果图片很多,窗口会分页显示。使用缩略图下方的上一个和下一个来翻页。

控制图片的显示效果

页面上的图片区块,显示一张双手塑造碗的照片,右侧是它的设置和替代文字
  • 形状设置画框:宽幅 16:9、标准 4:3、正方形或原始比例(图片自身的比例)。
  • 图片填充方式决定图片和画框形状不同时如何处理。填满画框会裁剪图片,让它完全填满画框。完整放入会显示整张图片,周围可能留有空白。
  • 圆角让边角变圆。自动会采用您的站点设计中的设置。

区块的宽度和高度取决于它在页面上的大小。拖动它的控制点即可更改。

其他用到您图片的地方

  • 板块的背景图有同样的上传图片和浏览已上传图片按钮。请参阅使用板块。
  • 您的 Logo 和浏览器图标使用同样的按钮。请参阅设置颜色、字体和布局。
  • 您添加到商品中的照片也保存在同一个媒体库里。
  • 图片画廊区块要求填写每张图片的网址。请先上传图片,然后按下文所述从媒体库中复制它的地址,再粘贴进去。

管理您的媒体库

前往站点控制台,在左侧菜单中点击媒体库。列表中显示每张图片的文件名、尺寸、类型和大小。

媒体库页面,列出四张图片,右侧是第一张图片的详情和“删除”按钮
  • 点击添加图片,一次上传一张或多张图片。
  • 在搜索图片中输入文字,按名称查找文件。
  • 点击图片的名称或所在行,即可在右侧看到更大的预览和它的详情。
  • 点击行末的复制图标,即可复制图片的网址。

删除图片

  1. 点击图片将其选中。
  2. 点击右侧详情中的删除。若要删除多张,请勾选它们的复选框,在批量操作中选择删除,然后点击应用。
  3. 阅读提示并确认。如果图片在您的站点上有使用,提示会告诉您它出现在多少个位置。
    “删除这张图片?”窗口,说明这张图片在您的站点上有 1 处在使用,带有取消和删除按钮
重要:删除的图片会永久消失,没有回收站可以恢复。Payly 会把图片从您草稿中使用它的位置移除,并询问是否发布。在您发布之前,线上页面仍然指向已删除的文件,因此访客可能会看到损坏的图片(浏览器保存的副本可能会保留一段时间)。删除后请尽快发布。

相关文章

Last updated 2026-10-08