Image component show poor quality on Chrome
Unanswered
Himalayan posted this in #help-forum
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
have you tried production mode (
npm run build && npm run start
)?have you solved this? or is the error still occurring on local production mode?
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
https://github.com/vercel/next.js/issues/22068