What is image optimization in Next.js?

image optimization is an important concept in Next.js. Understand its purpose, how it works, when to use it, and the tradeoffs it introduces before applying it in a production system.