Images

Next provides a Image component that can handle optimizations out-of-the-box. Instead of optimizing images at build time, Next.js optimizes images on-demand as users request them. Unlike static site generators and static-only solutions, build times don't increase, whether shipping ten images or ten million images.

Regular image:

Next image:

Scroll down