Next.js Discord

Discord Forum

Image component show poor quality on Chrome

Unanswered
Himalayan posted this in #help-forum
Open in Discord
Avatar
HimalayanOP
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

Avatar
have you tried production mode (npm run build && npm run start)?
Avatar
have you solved this? or is the error still occurring on local production mode?
Avatar
HimalayanOP
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