Local Image
An image stored inside the Next.js public folder.
Working with Next.js Image
Explore how the Next.js Image component handles local images, remote images, dimensions, loading behavior, responsive layouts, and image optimization.
Priority Image
This image uses priority loading because it can be considered important content.
Local Asset
Another example of loading an image from the public folder.
Remote Image
An image loaded from an external image provider.
Optimized Remote Image
Next.js can optimize supported remote images before serving them to the browser.
Cloudinary Image
A remote image served through Cloudinary's image delivery domain.