Nextjs Image component loading quality in chrome

I noticed that Nextjs is downscaling Images for google chrome, but it's working fine for Firefox. Is there any reason behind this? The image uses 1x size for chrome and 2x size for Firefox. Why is this happening?

Here is the Image code example :

  <Image
      src="/images/homePage/ChimneyInfo/chimneyArtDesktop.png"
      alt="Chimney"
      quality={100}
      layout="fixed"
      height={680}
      width={750}
      priority
    />


Comments

Popular posts from this blog

Today Walkin 14th-Sept

Spring Elasticsearch Operations

Hibernate Search - Elasticsearch with JSON manipulation