Image quality about next-js-boilerplate HOT 3 CLOSED

The old image is not optimized, this is why the image quality is better. The second image is optimized by Next.js/image component, this is why the quality is lower.

I didn't take the time to improve the quality for the second one, I just use the default configuration. It should have some configuration to improve the image quality of the second image.

I'm totally open to suggestion to improve the second image.

from next-js-boilerplate.

The old image is not optimized, this is why the image quality is better. The second image is optimized by Next.js/image component, this is why the quality is lower.

I didn't take the time to improve the quality for the second one, I just use the default configuration. It should have some configuration to improve the image quality of the second image.

I'm totally open to suggestion to improve the second image.

Thank you for the explanation.

I was researching, and found a way in the documentation, to use the image component and also maintain quality, using quality={100} (but it's still a little blurry) and also unoptimized (the image is in complete quality))

Maybe it would be good to add it to the code, so users like me can understand if they want it optimized or not, what do you think?

If you prefer, I can create a PR with the modification

from next-js-boilerplate.

@KesleyDavid Thank you for your research, I'm totally open to increase the image quality and open to PR for modification.

from next-js-boilerplate.