WebP vs PNG

Выбирайте WebP для задач: изображения на сайтах. Выбирайте PNG для задач: скриншоты, логотипы, всё с чёткими краями или прозрачностью. Структурная разница: PNG без потерь, WebP с потерями.

WebPPNG
СжатиеС потерямиБез потерь
Прозрачность✓✓
Animation✓-
HDR--
Метаданные✓✓
Открытый / без лицензионных отчислений✓✓
РазработчикGoogleW3C
С20101996
Лучше всего дляизображения на сайтахскриншоты, логотипы, всё с чёткими краями или прозрачностью

WebP

Легче JPG и PNG, сохраняет прозрачность и анимацию. Поддерживается всеми современными браузерами.

PNG

Без потерь и с прозрачностью. Надёжный выбор для скриншотов, логотипов и интерфейсов.

Вопросы

WebP или PNG: что легче?

WebP, и с большим отрывом, потому что он отбрасывает детали. PNG хранит всё и весит больше.

Можно ли конвертировать WebP в PNG?

Да, в браузере, без загрузки.

А из PNG в WebP?

Да, тоже.