Blurry Header Images

Hello. How are you? “All” the header images have become blurry. I have tried all image sizes and formats but all in vain. Before size did not actually matter. they were all clear. They are clear when viewing in elementor but as soon as I save and publish the site, they are viewed as blurry on the browsers. Infact one old site with pretty much the same settings still holds a clear header.
1. Clear Header Here
2. Blurry Header On this Site.
Most times images rendered using the div tag or html in general turn out clear, but when I use the image widget in elementor, similar images are blurred. Is there a limit to the size of the images we should use or format?
I am using blankslate theme which doesnt specify any file sizes for the header and I have not had any issue with it so far, I recently installed contactforms and final tiles plugins. but most of the other images are very clear and fine. Thanks very much.

• This topic was modified 7 years, 7 months ago by alexantosh.