I’ll just start by saying that I’m a relative beginner when it comes to website design and it is not my main job, I have just made one website as a favour to my parents in law after going to a WordPress course.
I’m having trouble with the front page banner of the website I made. The banner is in high resolution and needs to be, since its made up from wildlife photos taken by a professional, and the website is for a natural research centre. When I upload the image it looks fine, but as soon as I leave the website builder, it compresses and becomes blurry.
I have googled everything I can think of and tried many things, including changing the media settings so that the automatic large images are larger, adding a filter that should stop WP from compressing images through the functions.php in CSS, changed the relevant CSS in the theme on how large uploaded files can be, and more. Nothing has worked, the image is always blurry.
The theme I’m using is Divi.
Is there anyone who has had a similar problem and can help me?
I also include a screen record of when I exit the visual builder which shows how the image blurs.
[ad_2]