How to Add a Background Image in Elementor

Background images are a good way to increase the SEO quality of your website. This is not because search engines can view the image and ascertain what your website is about, but because you can add new meta tags that reinforce the content’s principles on the page.

For example, having your logo on your About Us page allows you to add the meta tag of your company name on the image title, caption, alt text, and description. Therefore, when the search engine bot comes to read your page, it can ascertain that the page is about you. It is really simple to do.

Another reason is that it can add some aesthetic appeal to your website page. It is something that people can look at and find interesting about the website. Therefore, you can gain more interest from the audience.

There are, of course, some issues with a background image. For one, images are notorious for slowing down a website, and an image that is as large as a background could have the potential to slow down your website a lot. Remember for every second that it takes for your website to load, you will lose 7% of your revenue.

Therefore, you need to ensure that you’re optimizing the content through lots of different means. There are ways that you can upload an image in webp format, which is designed specifically for working online, takes up less memory, and therefore loads quicker.

To change the background image in Elementor, you need to click on the cog icon in the lower left of the editor Panel. Then you can click on the Style tab on the page. Once this is done, there will be a pencil icon next to the Background type and then you can click on the + sign that appears under Image. From there choose your image as the background image, you can upload a new one if you wish. Remember to save the page.