处理图像

支持的图像格式

188金宝搏官方app下载安卓PageCloud支持多种图像格式的直接上传:

  • Jpeg-良好的质量文件大小平衡。
  • PNG-最适合较小的对象和当背景透明需要。
  • SVG-矢量图形。


图像文件大小

图片的文件大小会影响页面的速度。188金宝搏官方app下载安卓PageCloud没有文件大小限制。我们提供工具和指导,为您和您网站的访问者提供最佳体验。

  • 188金宝搏官方app下载安卓PageCloud在上传时优化图像,根据图像在页面上的显示大小为您提供最佳的图像大小和质量。
  • 我们建议在上传之前将较大的图像导出到较小的网络友好尺寸。如果您不熟悉导出到特定大小的操作,可以使用外部服务,例如TinyPNG
  • 网络上的图片文件大小一般在1MB以下。网页的总大小一般在10MB以下。这为您的网站访问者提供了良好的浏览体验,特别是在移动设备上。


上传图片到你的页面-拖放

  1. 在您的计算机上,找到要添加到PageCloud编辑器的图像。188金宝搏官方app下载安卓
  2. 单击并将图像从计算机直接拖放到PageCloud页面上。188金宝搏官方app下载安卓
  3. 您的图像将直接上传到页面。
  4. 单击Save保存页面。

您可以一次将多个图像拖放到页面中。


上传一个图像到你的页面-图像选项卡

  1. 在编辑页面时,打开左边的边栏。
  2. 选择“图像”选项卡。
  3. 点击“上传图片”。
  4. 找到并选择要上传到页面的图像。
  5. 图像将被上传并直接放置到页面上。
  6. 单击Save保存页面。

image选项卡方法支持一次上传一张图片。


查看已添加到站点的图像

  1. 在编辑页面时,打开左边的边栏。
  2. 选择“图像”选项卡。
  3. 在“网站”选项卡下,你会发现所有已添加到你的网站的图片。
  4. 单击并拖动图像以将其添加到页面。
  5. 单击Save保存页面。


购买优质库存图片

当你需要拍摄一些不经济的东西时,你可以购买一张库存图片。188金宝搏官方app下载安卓PageCloud提供优质的库存图片出售通过我们的合作伙伴在上面

  1. 在编辑页面时,打开左边的边栏。
  2. 选择“Images”选项卡,然后选择“Premium”。
  3. 使用搜索框搜索ShutterStock的图像集合。
  4. 将图像拖到您的站点上以包含图像预览。
  5. 如需购买图片,点击“保存”打开购买窗口。
  6. 同意图像使用指南,点击“购买”完成销售。
  7. 点击“保存”和“实时查看”可以看到你美丽的新图像。

购买的高级图片是不可退款的,一旦购买不能交换。


向页面添加图像库

有许多图片库可用于在页面上将图像作为单个有组织的集合显示。

  1. 在编辑页面时,打开左边的边栏。
  2. 选择“图像”选项卡,然后选择“画廊”选项卡。选择图像库类型:
    • 网格-所有图像显示裁剪为相同的大小。
    • 砌筑-图像堆叠在不同高度的列中。
    • 合理的-图像以不同宽度的偶数行显示。
    • 瓷砖-专注于单个图像,其余图像显示为缩略图。
    • 滑块-单图像显示在同一时间与导航控制。(更多信息请点击这里
  3. 将任何图像库布局拖到页面上。
  4. 点击“添加图像”开始向图库添加图像。
  5. 点击“保存”和“查看实时”,看到你美丽的新滑块图片库。

有关图像画廊的更多详细信息,点击这里查看完整攻略


更改图像显示选项

您可以更改图像显示选项,以调整图像在页面上的表示方式。

  1. 选择一个图像。
  2. 的“图像”选项卡编辑菜单
  3. 选择显示选项,然后选择一个图像显示选项:
    • 标准(默认)- SEO的最佳格式。使用裁剪工具来改变图像的比例。
    • 扩展以适应-成为背景图像,并将展开以填充对象。
    • 缩小到合适-成为背景图像,并将在对象内收缩。
  4. 单击Save保存更改。


图像缩放效果(肯·伯恩斯效果)

您可以设置图像在页面加载或图像进入视图时缓慢放大或缩小。

  1. 选择一个图像。
  2. 的“图像”选项卡编辑菜单
  3. 选择图像缩放效果。
  4. 调整图像缩放效果设置为您想要的结果。
    • 应用缩放-设置为“图像滚动到视图”或“页面加载”
    • 方向-设置为“缩小”或“放大”
  5. 单击Save保存更改。
  6. 实时查看图像缩放效果。


图像视差效应

这将使特定图像的视角在页面其余部分滚动过去时保持固定。

  1. 选择一个图像。
  2. 的“图像”选项卡编辑菜单
  3. 选择显示选项,然后选择一个支持视差效果的图像显示选项:
    • 扩展以适应-成为背景图像,并将展开以填充对象。
    • 缩小到合适-成为背景图像,并将在对象内收缩。
  4. 在“显示选项”选项卡中向下滚动可以找到视差效果。
  5. 打开或关闭视差效果。
  6. 单击Save保存更改。
  7. 实时查看视差效果。


你也可以应用视差效果节或列背景图像

目前移动设备操作系统不支持视差效果


用户图标

感谢您的反馈!

    这篇文章有用吗?
    感谢您的反馈!
    Baidu