Image optimization with Next.js


Having large un-optimized images will slow down your site performance dramatically. There's a long list of optimizations that can be made to rendering images, and some useful libraries for handling this in a Next.js application.

Update: Image optimization in Next.js is now handled with the built-in utility next/images

Please read the Next.js documentation here.