添加图片和使用媒体库
上传照片,用“图片”区块把它们放到页面上,之后还可以在站点的媒体库中查找、重复使用或删除。
照片能让店铺显得真实可信。在 Payly 中,您只需上传一次图片,之后就可以在任意多个页面上重复使用。您上传的每张图片都保存在站点的媒体库中。
开始之前
- 上传的图片随您的店铺一起保存在您自己的 Cloudflare 账户中。如果您还没有连接 Cloudflare,Payly 会在您第一次上传图片时请您先连接。
- 您可以上传 JPEG、PNG、WebP、GIF 和 AVIF 格式的图片,每张不超过 10 MB。较大的照片会在上传前自动缩小,让您的页面保持快速加载。动画 GIF 会保持原样。
把图片添加到页面
- 在区块面板中,把媒体分组里的图片拖到页面上。请参阅添加、移动和调整区块大小。新的图片区块会显示未选择图片。
- 在设置面板中,打开通用。图片设置提供三种选择图片的方式:

- 点击上传图片,从您的电脑中选择一个文件。
- 点击浏览已上传图片,选择您之前上传过的图片。
- 把图片的网址粘贴到输入框中。只有对您有权使用的图片才这样做,并请记住,别人网站上的图片可能会更改或消失。上传更为稳妥。
- 在替代文字中输入一段简短的描述,例如双手在陶轮上塑造一只碗。使用屏幕阅读器的人会听到它,图片无法加载时也会显示它。搜索引擎同样会读取它。
若要从区块中移除图片,请点击预览图角落的x。这不会把图片从您的媒体库中删除。
从已上传的图片中选择
- 点击浏览已上传图片。您上传的图片窗口会打开,每张图片都有一张缩略图,下方标有它的大小和类型。
- 点击您想要的图片。它的文件名、尺寸、类型、大小和地址会显示在右侧。

- 点击使用这张图片。
如果图片很多,窗口会分页显示。使用缩略图下方的上一个和下一个来翻页。
控制图片的显示效果

- 形状设置画框:宽幅 16:9、标准 4:3、正方形或原始比例(图片自身的比例)。
- 图片填充方式决定图片和画框形状不同时如何处理。填满画框会裁剪图片,让它完全填满画框。完整放入会显示整张图片,周围可能留有空白。
- 圆角让边角变圆。自动会采用您的站点设计中的设置。
区块的宽度和高度取决于它在页面上的大小。拖动它的控制点即可更改。
其他用到您图片的地方
- 板块的背景图有同样的上传图片和浏览已上传图片按钮。请参阅使用板块。
- 您的 Logo 和浏览器图标使用同样的按钮。请参阅设置颜色、字体和布局。
- 您添加到商品中的照片也保存在同一个媒体库里。
- 图片画廊区块要求填写每张图片的网址。请先上传图片,然后按下文所述从媒体库中复制它的地址,再粘贴进去。
管理您的媒体库
前往站点控制台,在左侧菜单中点击媒体库。列表中显示每张图片的文件名、尺寸、类型和大小。

- 点击添加图片,一次上传一张或多张图片。
- 在搜索图片中输入文字,按名称查找文件。
- 点击图片的名称或所在行,即可在右侧看到更大的预览和它的详情。
- 点击行末的复制图标,即可复制图片的网址。
删除图片
- 点击图片将其选中。
- 点击右侧详情中的删除。若要删除多张,请勾选它们的复选框,在批量操作中选择删除,然后点击应用。
- 阅读提示并确认。如果图片在您的站点上有使用,提示会告诉您它出现在多少个位置。

重要:删除的图片会永久消失,没有回收站可以恢复。Payly 会把图片从您草稿中使用它的位置移除,并询问是否发布。在您发布之前,线上页面仍然指向已删除的文件,因此访客可能会看到损坏的图片(浏览器保存的副本可能会保留一段时间)。删除后请尽快发布。