Problem Statement
What does the Next.js Image component automatically provide?
Explanation
The Next.js Image component automatically optimizes images by serving them in modern formats like WebP, resizing images for different screen sizes, lazy loading images as they enter the viewport, and preventing Cumulative Layout Shift with automatic size handling.
It optimizes images on-demand rather than at build time, serves appropriately sized images for each device, and can work with both local and remote images. This dramatically improves page load performance and Core Web Vitals scores without manual intervention.