The HTML image takes up to 889 KB and has a load time of over 4.91 seconds. The image takes an impressive 31.1 KB and 687 milliseconds on load time. In the HTML, it uses a WebPformat, having both lossy and loss-less compression to the original image format. To render images in Next.js, you have to: Copy the picture and put it in the public folder.
Table of contents
Image RenderingImage Handling in Next.jsOpen Source Session ReplayThings to note when rendering images in Next.jsImage rendering for browsersConclusionsSort: