How do I fix “Image optimization is disabled in production” in Next.js?

[morlanandini]

Summary

I'm running a Next.js app and when I build and deploy it, I get the warning:

Additional information

No response

Example

No response

[morlanandini]

What causes this and how do I fix it so Next.js optimizes images properly in production?

[GaneshVarma1]

This usually happens when you're using a custom image loader or have misconfigured your next.config.js.

---

✅ Fix:

Make sure your next.config.js has an images section like this:

// next.config.js
module.exports = {
  images: {
    domains: ['yourdomain.com'], // update to match your image sources
  },
};