如何添加图片到背景或更换背景图？

How to add picture in section background or change picture ?

销售页的灵魂少不了的就是漂亮的背景或设计，但是对于初学者来说，最简单易上手的就是使用漂亮的图片来搭配，作为背景。这类的设计，用一张图片直接作为背景搭配文案标题，在销售页我们称之为“ Hero Section\”。

有图片代替的话，基本上不需要过多的纠结在调色，非常轻松操作。那么，在哪里找到高清且免费图片呢，大家可以到我们的美图教学参考： https://thecore.asia/2021/01/24/how-to-find-a-hd-free-picture/
接下来进入主题！

（注意：这个功能需要进入【Edit with Elemetor】才能编辑）

第一步（Step 1）

在Section的上方，有三个按钮，选择中间的按钮，按右键

第二步（Step 2）

点击后，就会出现如图中的小菜单，选择【Edit Section】

第三步（Step 3）

左方菜单选择【Choose Image】，点击进入下一步

第四步（Step 4）

如果是新的线下图片，
点击【Upload Files】➡ 【Select Files】上载图片。

**Tips: 请注意图片本身的大小，在系统内图片大小平均为100KB以下，最高150KB为准；原因是太大的图片，会造成销售页和系统的负担。在用户进入销售页的时候，销售页的缓冲速度（Loading Speed）会被拖慢，降低了质量和效果。

大家不用担心图片质量问题，100-150KB的图片质量，只要图片本身是高清的，在销售页内呈现的质量并不会太差。后面会有教学，教大家调色，让图片的瑕疵感降低，记得留守哦！

第五步（Step 5）

上载你要的图片后，点击【Insert】进入下一步。

第六步（Step 6）

这时图片已经设定好了，接着需要调整图片的位置等等。
图中显示红色框的【Position】，是用来调整图片的上下左右中，
举例，如果你的文案在左边，你的图片空白的地方可以留大点的空间在左边，
那么就把图片位置设为【Center Right】，就能够避免挡字的情况。
如果你想要手动调整位置，选择【Custom】进行调整

（图中为更换图片示范而已）

第七步（Step 7)

图中显示的红格子【Repeat】，是用来调整你的图片是否重复，
如果用一张高清图片的话，通常选择【No-Repeat】，
但如果你选择的是透明背景的小图案，
就可以选择你要横向重复，或者直向重读图片哦！

第八步（Step 8)

图中红框显示的【Size】用来调整图片的大小，
同样的，如果你选择的是一张图片直接作为背景，就选择【Cover】
如果你想要手动调整大小，选择【Custom】

第九步（Step 9）

这一步非常重要，请注意哦！
在编辑的页面上，你会看到Column的格子或蓝线，
但是这个页面所看到的并不标准，正确检查的方法是，
在你调整任何一样东西后，可以点击红圈内的箭头，
把左方的功能栏收起，这时候你看到的就是电脑标准的画面。
然后再打开来调整，直到你觉得合适为止即可。

Back to Lesson