<Image> Quality | Next.js | Page 1

Hi @solid jolt. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

Hmm, I don't know enough to give you a confident answer yet. The knowledge sources provided do not contain specific information on how to enforce restrictions on the quality settings of an image in Next.js via middleware or API routes.

However, in Next.js, the quality of an optimized image is an integer between 1 and 100, where 100 is the best quality and therefore the largest file size. It defaults to 75. This is set using the quality prop in the <Image> component.

Here is an example of how it's used:

<Image src="/path/to/image.jpg" quality={75} />

In this case, the quality is set to 75. You can replace 75 with any integer between 1 and 100.

For more information, you can refer to the Next.js documentation on the `quality` prop in the `<Image>` component here (https://nextjs.org/docs/app/api-reference/components/image#quality).

#<Image> Quality

For more information, you can refer to the Next.js documentation on the `quality` prop in the `<Image>` component here (https://nextjs.org/docs/app/api-reference/components/image#quality).

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

#<Image> Quality

For more information, you can refer to the Next.js documentation on the quality prop in the <Image> component here (https://nextjs.org/docs/app/api-reference/components/image#quality).

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

For more information, you can refer to the Next.js documentation on the `quality` prop in the `<Image>` component here (https://nextjs.org/docs/app/api-reference/components/image#quality).