Header Ads Widget

اكاديمية دايموند

اكاديمية دايموند

Ticker

6/recent/ticker-posts

Saving images in next-gen formats

 

Serve images in next-gen formats


If you are testing your website using pageSpeed insights, you may find that the page speed is affected the images size. In Diamond Academy, we recommend using the image compressed in WebP format or any next-gen formats. Here an example for a website to save 26 second on mobile and 7 second on desktop if the referred images  of this website saved in next-gen formats.


What are  next-gen formats

Image formats like JPEG 2000, JPEG XR, and WebP which often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. The Opportunities section of your Lighthouse report lists all images in older image formats, showing potential savings gained by serving WebP versions of those images:



Why serve images in WebP format

JPEG 2000, JPEG XR, and WebP are image formats that have superior compression and quality characteristics compared to their older JPEG and PNG counterparts. Encoding your images in these formats rather than JPEG or PNG means that they will load faster and consume less cellular data.

WebP is supported in Chrome and Opera and provides better lossy and lossless compression for images on the web. See A New Image Format For The Web for more on WebP.