WEBP
Формат для картинок на сайтах: при том же качестве весит заметно меньше JPEG, умеет прозрачность как PNG и анимацию как GIF. Минус один, зато обидный: открывается не везде.
Чем отличается от привычных
| Свойство | JPG | PNG | WEBP |
|---|---|---|---|
| Сжатие с потерями | да | нет | и так, и так |
| Прозрачность | нет | да | да |
| Анимация | нет | нет | да |
| Вес фотографии | опорный | в 3-5 раз больше | на 25-35% меньше |
Когда брать
Для фотографий и картинок на сайте - почти всегда. Для логотипа с резкими краями лучше PNG или SVG: у сжатия с потерями на контрастных границах появляется цветная бахрома, и на однотонном фоне она заметна.
Качество и артефакты
Ползунок качества не линейный. Разница между 95 и 85 на глаз почти не видна, а вес падает вдвое; ниже 70 на лицах и на плавных переходах появляются пятна. Разумная привычка - 82-88 для фотографий и без потерь для схем и скриншотов.
И главное правило любого сжатия с потерями: не пересохраняйте по кругу. Каждый проход считает заново уже испорченную картинку, и потери накапливаются.
Во что переводят
- В PNG - когда нужна прозрачность и гарантия, что откроется где угодно.
- В JPG - когда файл уходит в программу, которая WEBP не понимает.
- В PDF - когда несколько картинок нужно отправить одним документом.