Image quality
KesleyDavid opened this issue · comments
Looking at the example link, the image looks great and of high quality, but when I download the code, the image is of terrible quality.
Does anyone know what it could be?
Am I missing something when I do my deployment?
https://creativedesignsguru.com/demo/Nextjs-Boilerplate/
localhost
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.
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
@KesleyDavid Thank you for your research, I'm totally open to increase the image quality and open to PR for modification.