Blurry Background Image

Site URL: https://www.abacostudios.com/

Hi Everyone, 

The first image background on the homepage look very blurry. You can notice it a lot on mobile devices. You can check on the website abacostudios.com , i have added the same photos, one as a background of the header (blurry) while the other one is the section right below (not blurry at all). I also noticed that whenever i visit the page via mobile device, i see the background very blurry, but if i flip the phone horizzontaly and then back to vertical i can see the background image very clear. How can i fix that since i have to launch my website in a few days.

Thank you.

Hey @abacostudios

I have the exact same problem. First Hero background image is blurry on mobile (iOS) and this is something that happened all of a sudden, has been sharp for years.

This is my site:
www.rotor-film.de

How did you fix your problem? It seems to be fine on your end now.

@tuanphan could you take a quick look?

Best,

Tonmeister

Was there a solution to this problem? I am having this problem with my portfolio site https://www.meganmullany.com/work/thrive

In the editor it looks ok (not great) but on the live site they are very blurry. The header background image is uploaded in 2500 width but it hasnt helped. 

Thanks, Megan 

Having the same issue, has anyone solved this? My background image uploaded at 2500px is becoming pixelated.

Bump. Still haven't solved this a month later....