Download Transparent Free PNG Images
Воздушные шары PNG Файл
August 15, 2016
Просматривать и скачать бесплатно Воздушные шары PNG Файл Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Векторная ванная комната прозрачный фон
May 5, 2021
Просматривать и скачать бесплатно Векторная ванная комната прозрачный фон Доступно в высококачественном разрешении Свободно используйте это изображение на ваших личных проектах проекта
Tattoo Drawing PNG
May 20, 2016
Просматривать и скачать бесплатно Tattoo Drawing PNG Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Стильное число PNG Clipart
December 20, 2020
Просматривать и скачать бесплатно Стильное число PNG Clipart Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Волосы девушка emoji PNG прозрачный
March 18, 2020
Просматривать и скачать бесплатно Волосы девушка emoji PNG прозрачный Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Песок пустыни PNG изолированные фото
August 9, 2021
Просматривать и скачать бесплатно Песок пустыни PNG изолированные фото Доступно в высококачественном разрешении Свободно используйте это изображение на ваших личных проектах проектаФиолетовый PNG Clipart
December 26, 2017
Просматривать и скачать бесплатно Фиолетовый PNG Clipart Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Марио против осла Kong PNG Фотографии
March 22, 2018
Просматривать и скачать бесплатно Марио против осла Kong PNG Фотографии Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Шляпа стенд PNG прозрачный HD фото
July 6, 2018
Просматривать и скачать бесплатно Шляпа стенд PNG прозрачный HD фото Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
MCLAREN PNG HD
June 3, 2019
Просматривать и скачать бесплатно MCLAREN PNG HD Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Сантиметр ленты PNG Clipart
March 5, 2021
Просматривать и скачать бесплатно Сантиметр ленты PNG Clipart Доступно в высококачественном разрешении Свободно используйте это изображение на ваших личных проектах проекта
Red Cross PNG Image
March 14, 2017
Просматривать и скачать бесплатно Red Cross PNG Image Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Клубничный булочка Торт PNG Clipart
January 28, 2021
Просматривать и скачать бесплатно Клубничный булочка Торт PNG Clipart Доступно в высококачественном разрешении Свободно используйте это изображение на ваших личных проектах проекта
Butterheade зеленый салат PNG hd hd
February 16, 2021
Просматривать и скачать бесплатно Butterheade зеленый салат PNG hd hd Доступно в высококачественном разрешении Свободно используйте это изображение на ваших личных проектах проекта
Сыр пицца PNG Clipart
August 12, 2016
Просматривать и скачать бесплатно Сыр пицца PNG Clipart Прозрачное фоновое изображение доступно в высококачественном разрешении в различных стилях и размерах
Кирпич PNG прозрачный образ
January 27, 2021
Просматривать и скачать бесплатно Кирпич PNG прозрачный образ Доступно в высококачественном разрешении Свободно используйте это изображение на ваших личных проектах проекта
Страница 1 of 6,34912345. ..102030…»Последний »
Serve images in modern formats
Published on • Updated on
Translated to: Português, Pусский
Table of contents
- Why serve images in AVIF or WebP format?
- How Lighthouse calculates potential savings
- Browser compatibility
- Stack-specific guidance
- AMP
- Drupal
- Joomla
- Magento
- WordPress
- Resources
The Opportunities section of your Lighthouse report lists all images in older image formats, showing potential savings gained by serving AVIF versions of those images:
# Why serve images in AVIF or WebP format?
AVIF 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.
AVIF is supported in Chrome, Firefox, and Opera and offers smaller file sizes compared to other formats with the same quality settings. See Serving AVIF Images Codelab for more on AVIF.
WebP is supported in the latest versions of Chrome, Firefox, Safari, Edge, 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.
Create WebP Images with the Command Line
# How Lighthouse calculates potential savings
Lighthouse collects each BMP, JPEG, and PNG image on the page, converts each to WebP, and estimates the AVIF file size, reporting the potential savings based on the conversion figures.
Lighthouse omits the image from its report if the potential savings are less than 8KiB.
# Browser compatibility
WebP is supported by the latest versions of Chrome, Firefox, Safari, Edge, and Opera, while AVIF support is more limited. You’ll need to serve a fallback PNG or JPEG image for older 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 modern format, check out the entries below:
- AVIF
- WebP
# Stack-specific guidance
# AMP
Consider displaying all amp-img
components in WebP formats while specifying an appropriate fallback for other browsers.
# Drupal
Consider installing and configuring a module to leverage WebP image formats in your site. Such modules automatically generate a WebP version of your uploaded images to optimize loading times.
# Joomla
Consider using a plugin or service that will automatically convert your uploaded images to the optimal formats.
# Magento
Consider searching the Magento Marketplace for a variety of third-party extensions to leverage newer image formats.
# WordPress
Consider using a plugin or service that will automatically convert your uploaded images to the optimal formats.
# Resources
- Source code for Serve images in modern formats audit
- Use WebP images
Updated on • Improve article