What does the component from next/image give you?

Size and format selection, lazy loading, protection against CLS

Just a shorter syntax for a regular tag

Image loading over WebSocket to speed up rendering

Next.js · Junior · Question 18 of 75

What does the `<Image>` component from `next/image` give you?

✓Correct answer: Size and format selection, lazy loading, protection against CLS
2Just a shorter syntax for a regular <img> tag
3Image loading over WebSocket to speed up rendering

Explanation

next/image generates srcset, serves modern formats (WebP/AVIF), lazy-loads by default and reserves space thanks to width/height (or fill), preventing layout shifts. For the LCP image, use preload (formerly priority).

What does the `<Image>` component from `next/image` give you?

Explanation

Further reading

Problem with a question

Test yourself

What does the <Image> component from next/image give you?

Explanation

Further reading

Test yourself

What does the `<Image>` component from `next/image` give you?