Overview
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.
Recommendations
Click View Details to see the potential savings of encoding your page's
images with WebP rather than JPEG or PNG. To pass this audit, encode all of
these images in WebP.
Browser support is not universal for WebP, but similar savings should be available in
most major browsers in an alternative next-gen format. You'll need to serve a fallback PNG
or JPEG image for other browser support. See How can I detect browser
support for WebP? for an overview of fallback techniques and the list below for
browser support of image formats.
To see the current browser support for each next-gen format, check out the entries below:
More information
Lighthouse collects each BMP, JPEG, and PNG image on the page, and then converts
each to WebP. Lighthouse omits the image from its report if the potential
savings are less than 8KB.
Audit source
Feedback
Was this page helpful?
Yes
What was the best thing about this page?
It helped me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had the information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had accurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was easy to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
No
What was the worst thing about this page?
It didn't help me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was missing information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had inaccurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was hard to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.