SOURCE

Original image

Local /public file or a remote URL — full resolution, any format.

OPTIMIZE · on-demand

next/image server
Transforms the source into a browser-ready asset the first time it's requested, then caches the result.

                  resize
                  → WebP / AVIF
                  compress
                  cache
                

DELIVER · to the browser

Rendered on device

The browser picks a candidate from srcset and paints it into the reserved box.

right-sized per device lazy loaded blur-up placeholder no layout shift