Issue with Background Image Zoom and Blurring on Landing Pages
-
Hello,
We have a problem with the background picture on our landing pages.
We’re using a 1920x1500px image for the landing page, but the theme is excessively zooming in on the main picture, causing it to appear blurred.
You can see the issue here, where we’ve uploaded a large 550KB image that still ends up blurred due to the zoom. We’re not sure why the website is zooming so much on the picture.
You can check the issue here: https://chaleur-naturelle.fr/chauffage-pierre-presentation/
Thank you!
Hello,
It’s because you have enabled the “Cover” option for the Image, “cover” tells the browser to make sure the image always covers the entire container, even if it has to stretch the image or cut a little bit off one of the edges, so in some cases it can affect the image quality. Try to set there the “Contain” option for the image and recheck the issue.
Kind Regards
Actually, the background image was set to “default value” (screenshot is attached).
I have tried with “contain” but it does not change anything (screenshot is attached).
Thank you for your help!
Attachments:
You must be
logged in to view attached files.
Here is the screenshot with the “contain” option for the background image.
Attachments:
You must be
logged in to view attached files.
Hello,
Is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?
Kind Regards
Thank you for your answer
Sorry for the late reply.
Here is the page for the test: https://chaleur-naturelle.fr/page-test-video/
You can see on the desktop version that the image is zoomed-in. As a result, the quality of the photo is not that good even if the picture is quite heavy.
Hello,
Those functionalities for the bg image in the Row are related to the page builder so please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront.
Kind Regards
.
