🍋
Menu
Image

WebP

WebP (Format Gambar Web)

Format gambar modern yang dikembangkan oleh Google yang menyediakan kompresi lossy dan lossless superior dengan ukuran file yang jauh lebih kecil dibandingkan JPEG dan PNG, sekaligus mendukung transparansi dan animasi.

Detail Teknis

WebP menggunakan pengkodean prediktif VP8 (lossy) atau teknik berbasis VP8L (lossless). Kompresi lossy menggunakan prediksi intra-frame, transformasi DCT, dan pengkodean aritmatika — serupa dengan pengkodean keyframe VP8 tetapi untuk gambar tunggal. Kompresi lossless menggunakan transformasi gambar (prediksi spasial, transformasi warna, pengurangan palet hijau, pengkodean jarak cache) diikuti oleh pengkodean entropi. WebP mendukung alpha channel (lossy dan lossless), profil warna ICC, metadata EXIF/XMP, dan animasi (banyak frame dengan penundaan). File lebih kecil 25-35% dibanding JPEG pada kualitas setara. Dukungan browser bersifat universal di browser modern.

Contoh

```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);
```

Format Terkait

Alat Terkait

Istilah Terkait