WebP
WebP (формат веб-изображений)
Современный формат изображений, разработанный Google, который обеспечивает сжатие как с потерями, так и без потерь, с существенно меньшим размером файлов по сравнению с JPEG и PNG, а также поддерживает прозрачность и анимацию.
Техническая деталь
Режим WebP с потерями использует технологию видеокодека VP8 с предиктивным кодированием и блочными преобразованиями, обеспечивая файлы на 25–34% меньше JPEG при эквивалентном качестве. WebP без потерь использует энтропийное кодирование с пространственным предсказанием, создавая файлы на 26% меньше PNG. WebP поддерживает 8-битный альфа-канал прозрачности (как с потерями, так и без), анимацию (заменяя GIF при значительно меньшем размере) и ICC-профили. Поддержка браузерами сейчас универсальна: Chrome, Firefox, Safari (14+) и Edge. API Canvas через toBlob('image/webp', quality) позволяет кодировать WebP на стороне клиента.
Пример
```javascript
// Image compression via Canvas
canvas.toBlob(
blob => console.log(`Size: ${(blob.size/1024).toFixed(0)} KB`),
'image/jpeg',
0.8 // quality: 0.0 (smallest) to 1.0 (best)
);
// WebP output (25-34% smaller than JPEG)
canvas.toBlob(cb, 'image/webp', 0.8);
```