I need to add unoptimized prop for all images. I want to do this on nextconfig
#unoptimized image settings
livid olive
rose cliffBOT
Hi @livid olive. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
Sure, you can set the unoptimized property for all images in your Next.js application by updating your next.config.js file. Here's how you can do it:
module.exports = {
images: {
unoptimized: true,
},
}
This configuration will serve all images as-is, without changing their quality, size, or format. Please note that this feature requires Next.js version 12.3.0 or newer.
Sources:
- Next.js Documentation (https://nextjs.org/docs/app/api-reference/components/image#unoptimized)
- Vercel Documentation (https://vercel.com/docs/image-optimization/managing-image-optimization-costs)