WebP

WebP (Web Görüntü Biçimi)

Google tarafından geliştirilen, JPEG ve PNG'den önemli ölçüde daha küçük dosya boyutlarıyla üstün kayıplı ve kayıpsız sıkıştırma sağlayan, aynı zamanda saydamlık ve animasyon destekleyen modern görüntü biçimi.

Teknik Detay

WebP, kayıplı mod için VP8 tahmine dayalı kodlama ve kayıpsız mod için VP8L tabanlı teknikler kullanır. Kayıplı sıkıştırma, intra-çerçeve tahmini, DCT dönüşümü ve aritmetik kodlama kullanır — VP8 anahtar çerçeve kodlamasına benzer ancak tekil görüntüler içindir. Kayıpsız sıkıştırma, görüntü dönüşümleri (uzamsal tahmin, renk dönüşümü, yeşil paleti azaltma, önbellek mesafe kodlama) ve ardından entropi kodlama kullanır. WebP alfa kanalı (kayıplı ve kayıpsız), ICC renk profilleri, EXIF/XMP meta verileri ve animasyon (gecikme süreleriyle çoklu çerçeveler) destekler. Eşdeğer kalitede JPEG'den %25-35 daha küçük dosyalar. Tarayıcı desteği modern tarayıcılarda evrenseldir.

Ornek

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

Ilgili Formatlar

.jpeg .png .webp

Ilgili Araclar

C Compress Image R Resize Image C Crop Image R Rotate Image F Flip Image C Convert Image W Watermark Image S SVG to PNG I Image to Base64 R Round Corners A Add Border I Image Filters A Adjust Image B Blur Image S Sharpen Image M Make Square G Grayscale Image S Sepia Image P Pixelate Image S Strip Image Metadata

Ilgili Terimler

Alpha Channel Bit Depth Chroma Subsampling AVIF Alpha Compositing Batch Resize Aspect Ratio Canvas