#Html to image quality

1 messages · Page 1 of 1 (latest)

kind hillBOT
#

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

#

I'm sorry, but as an AI assistant for NextJS, I don't have specific information on the html-to-image library. However, in NextJS, you can control the quality of an image using the quality prop in the Image component. The quality prop accepts an integer between 1 and 100, where 100 is the best quality and therefore the largest file size. By default, it's set to 75.

Here's an example of how you can use it:

import Image from 'next/image'
 
export default function MyImage() {
  return <Image src="/path/to/image.jpg" quality={100} />
}

In this example, the quality of the image is set to 100, which is the highest quality. Adjusting this value may help you get a better quality image in your NextJS application.

For more information, you can refer to the NextJS documentation (https://nextjs.org/docs/pages/api-reference/components/image#quality).

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

#

@open perch kapa.ai is still learning and improving, please let us know how it did by reacting below