Safari ve WebP Desteği

Yıllarca Safari'nin WebP desteklememesi, web geliştiricileri için fallback stratejileri zorunlu kılıyordu. 2020 itibarıyla Apple, Safari'ye WebP desteği ekledi. Bu rehberde Safari WebP desteğinin geçmişini, güncel durumu ve yine de fallback kullanmanın ne zaman mantıklı olduğunu inceleyeceğiz.

Safari kullanıcıları özellikle macOS ve iOS'ta yaygındır; bu yüzden WebP desteğinin Safari'de olması büyük önem taşır.

Safari WebP Desteği Tarihçesi

Safari, WebP formatını Safari 14 (Eylül 2020) ile desteklemeye başladı. Aynı dönemde iOS 14 ve iPadOS 14 ile mobil Safari de WebP'yi destekler hale geldi. macOS Big Sur (11.0) ve sonrası Safari sürümleri WebP'yi tam destekler. Bu, statik WebP görüntüleri, animasyonlu WebP ve Canvas API ile WebP üretimi için geçerlidir.

Güncel Durum: Tam Destek

2024 itibarıyla Safari'nin aktif sürümleri WebP'yi tam olarak destekler. Eski macOS (Catalina, Mojave) veya iOS 13 ve öncesi kullanan cihazlar hâlâ mevcut olabilir; ancak bu kullanıcı oranı giderek azalmaktadır. Çoğu site için Safari WebP artık endişe kaynağı değildir; doğrudan WebP sunabilirsiniz.

JavaScript ile Feature Detection

Tarayıcının WebP destekleyip desteklemediğini kontrol etmek için bir test görseli yükleyebilirsiniz:

async function supportsWebP() {
  const webpData = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vu1AAA=';
  const img = new Image();
  return new Promise((resolve) => {
    img.onload = () => resolve(img.width > 0);
    img.onerror = () => resolve(false);
    img.src = webpData;
  });
}

Bu fonksiyon true dönerse WebP destekleniyor demektir. Alternatif olarak document.createElement('canvas').toDataURL('image/webp') ile de kontrol edilebilir; ancak bazı eski tarayıcılarda farklı sonuç verebilir.

Fallback Stratejileri

Eski tarayıcıları hedefliyorsanız <picture> elementi ile hem WebP hem PNG/JPEG sunabilirsiniz: WebP destekleyen tarayıcı WebP'yi, desteklemeyen PNG veya JPEG'yi indirir. Sunucu tarafında Accept header'ı kontrol ederek de format seçimi yapılabilir. Artık Safari WebP desteklediğinden, fallback büyük oranda IE11 ve çok eski Android tarayıcıları için geçerlidir.

Çoğu Site İçin Artık Endişe Gerekmez

Safari 14+ ve iOS 14+ piyasaya çıkalı yıllar oldu. Güncel cihazların neredeyse tamamı WebP destekler. Yeni projelerde WebP'yi varsayılan format olarak kullanmak güvenlidir. Yalnızca kurumsal ortamlarda veya çok eski cihaz hedefliyorsanız fallback eklemeniz mantıklıdır. Aksi durumda WebP kullanmakta tereddüt etmeyin.

WebP formatında sıkıştırın. Safari dahil tüm güncel tarayıcılar WebP'yi destekler; aracımızla hemen başlayın.

Sıkıştırma Aracına Git →

İlgili Rehberler