Now, you can define the src for your image (either local or remote). To add an image to your application, import the next/image component: import Image from 'next/image' Some of the optimizations built into the Image component include: These scores are an important measurement of user experience on your website, and are factored into Google's search rankings. It includes a variety of built-in performance optimizations to help you achieve good Core Web Vitals. The Next.js Image component, next/image, is an extension of the HTML element, evolved for the modern web.
Image Component and Image Optimization Examples
