Image component show poor quality on Chrome

Unanswered

Himalayan posted this in #help-forum

HimalayanOP

2023-10-07T19:16:34.000Z

hello i've noticed that google chrome displays blurry image, while other browser show the normal image, i removed cache but still the same, here's my code:

<Image
                className={styles.industry}
                src={"/assets/images/land.png"}
                alt="Industry Land"
                fill
                quality={100}
                sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
              />

3 Replies

risky

2023-10-07T22:42:53.000Z

have you tried production mode (npm run build && npm run start)?

risky

2023-10-10T05:12:11.000Z

have you solved this? or is the error still occurring on local production mode?

HimalayanOP

2023-10-11T19:34:18.000Z

nope, even with build the problem is still present on chome, i've read that chrome has an issue displaying images with image component, and i've many people struggling with this and apparently it's an old issue...
https://github.com/vercel/next.js/issues/22068