'Poor next.js image component quality on Google Chrome

I am developing website using next.js framework. I have some problems with Image component in Google Chrome. It loading with poor quality. But when you download that image from browser it has perfect quality. No problem with other browsers.

           <Image
              src={url}
              layout='responsive'
              quality={100}
              height={500}
              width={1250}
            />

I tried to clear cache, but not helps. Maybe chrome incorrectly tells browser's size. How can I fix image quality in chrome?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Poor next.js image component quality on Google Chrome

Sources

Related Questions