WEBP Dönüştürücü - Çevrimiçi Resim WEBP'ye Dönüştürme

WEBP Formatı Nedir?

WEBP, Google tarafından geliştirilen modern bir resim formatıdır. Hem kayıplı hem de kayıpsız sıkıştırma sunar ve şeffaflığı ile animasyonları destekler. WEBP dosyaları, yüksek kaliteyi korurken JPG veya PNG’den önemli ölçüde daha küçüktür.

Resimleri Neden WEBP’ye Dönüştürmelisiniz?

Mükemmel Sıkıştırma

WEBP, aynı kalitede JPG’den %25-35 ve PNG’den %25-50 daha küçük dosyalar sunar.

Şeffaflık Desteği

JPG’nin aksine, WEBP şeffaflık için alfa kanalını destekler.

Geniş Destek

WEBP, Chrome, Firefox, Edge ve Safari dahil olmak üzere tüm modern tarayıcılarda desteklenmektedir.

Bu Araç Nasıl Kullanılır?

1. Resimleri Yükleyin - “Dosyalara Göz At” düğmesine tıklayın veya resimleri belirtilen alana sürükleyip bırakın
2. Kaliteyi Ayarlayın - Kalite seviyesini seçin (75-90% önerilir)
3. Otomatik Dönüştürme - Resimler otomatik olarak WEBP formatına dönüştürülecektir
4. İndirme - Tek tek resimleri veya tümünü ZIP arşivi olarak indirin

Tarayıcı Desteği

WEBP şu tarayıcılarda desteklenmektedir:

• Chrome - tüm sürümler
• Edge - tüm sürümler
• Firefox 65 ve üzeri
• Safari 14 ve üzeri (iOS 14, macOS Big Sur)
• Opera - tüm sürümler

Desteklenen Giriş Formatları

Araç, bu formatlardan dönüştürmeyi destekler:

• JPG/JPEG - en yaygın fotoğraf formatı
• PNG - şeffaflık dahil, korunacaktır
• GIF - hem statik hem de animasyonlu görüntüler
• BMP - temel bitmap formatı
• TIFF - profesyonel format
• SVG - vektör grafik

Kalite Ayarları

WEBP kalitesi, dosya boyutu ile görüntü kalitesi arasındaki oranı belirler:

• %85-95 - yüksek kalite, daha büyük dosyalar
• %75-85 - çoğu kullanım için en uygun
• %65-75 - daha küçük dosyalar, hala iyi kalite
• %65 Altı - küçük dosyalar, fark edilebilir kalite kaybı

Diğer Formatlarla Karşılaştırma

Aynı görsel kalite için:

• WEBP vs JPG - %25-35 daha küçük dosyalar
• WEBP vs PNG - %25-50 daha küçük dosyalar (fotoğraflarda daha da fazla)
• WEBP vs GIF - animasyonlar için %60-80 daha küçük dosyalar

WEBP Ne Zaman Kullanılır?

İçin İdeal:

• Web siteleri ve uygulamalar
• Şeffaf arka plana sahip fotoğraflar
• Daha küçük dosya boyutu gerektiren resimler
• Güncel tarayıcı desteği olan modern projeler

Daha Az Uygundur:

• Eski tarayıcı desteği gerektiren projeler
• Baskı (PNG veya TIFF kullanın)
• Maksimum sıkıştırma (AVIF’i düşünün)

WEBP’nin Pratik Avantajları

Gerçek Dosya Boyutu Tasarrufları

Web Performansına Etkisi

Örnek: 50 ürün resmine sahip bir E-ticaret sitesi

• Toplam JPG: 50 × 400 KB = 20 MB
• Toplam WEBP: 50 × 280 KB = 14 MB
• Tasarruf: 6 MB = 2-4 saniye daha hızlı yükleme

Temel Web Verileri

Google yükleme hızını değerlendirir:

• ⚡ LCP (Largest Contentful Paint) - WEBP ana resimlerin yüklenmesini hızlandırır
• 📊 CLS (Cumulative Layout Shift) - Daha küçük dosyalar = daha az kayma
• ⏱️ FID (First Input Delay) - Daha hızlı yükleme = daha erken etkileşim

WEBP vs Diğer Formatlar

WEBP vs JPG

1920×1080 Fotoğraf:
├─ JPG (kalite %85): 850 KB
├─ WEBP (kalite %85): 580 KB (-%32)
└─ Görsel kalite: Aynı

WEBP Avantajları:

• ✅ Aynı kalitede %25-35 daha küçük
• ✅ Şeffaflığı destekler (JPG desteklemez)
• ✅ Animasyonları destekler (JPG desteklemez)

WEBP Dezavantajları:

• ⚠️ Eski yazılımlarda daha kötü destek
• ⚠️ Daha uzun sıkıştırma süresi

WEBP vs PNG

800×600 Şeffaf Logosu:
├─ PNG: 320 KB
├─ WEBP: 95 KB (-%70)
└─ Şeffaflık: İkisinde de korunur

PNG yerine WEBP Ne Zaman Kullanılır:

• Web ve uygulamalar (hız uyumluluktan daha önemliyse)
• Modern platformlar
• Şeffaflığa sahip resimler

PNG’de Ne Zaman Kalınır:

• Grafik tasarım (Adobe Photoshop, Illustrator)
• Profesyonel baskı
• Maksimum uyumluluk

WEBP vs GIF

500×500 Animasyon, 30 kare:
├─ GIF: 4,2 MB
├─ WEBP: 950 KB (-%77)
└─ Renk kalitesi: WEBP 16M renk, GIF 256 renk

WEBP Animasyonları GIF’ten Daha İyidir:

• 🎨 256 yerine milyonlarca renk
• 📦 %60-80 daha küçük dosyalar
• 🔍 Dithering olmadan daha yüksek kalite

Web’de WEBP Uygulaması

Fallback ile HTML

<picture>
  <source srcset="image.webp" type="image/webp">
  <source srcset="image.jpg" type="image/jpeg">
  <img src="image.jpg" alt="Resim açıklaması">
</picture>

Nasıl Çalışır:

• Modern tarayıcılar WEBP’yi yükler
• Eski tarayıcılar JPG’yi yükler
• Tüm kullanıcılar resmi görür

CSS Arka Planı

.hero {
  background-image: url('hero.jpg');
}

/* Modernizr veya @supports */
.webp .hero {
  background-image: url('hero.webp');
}

Sunucu Tarafından Otomatik Algılama

# .htaccess - Apache
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{REQUEST_FILENAME}.webp -f
  RewriteRule ^(.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>

JPG/PNG’den WEBP’ye Geçiş

Mevcut Bir Web Sitesi İçin Strateji

Aşama 1: Hazırlık

1. Tüm orijinal resimleri yedekleyin
2. Tüm JPG/PNG’leri WEBP’ye dönüştürün (%80-85 kalite)
3. WEBP dosyalarını orijinal dosyaların yanına kaydedin

Aşama 2: Uygulama

1. <picture> öğesini fallback ile kullanın
2. Arka plan resimleri için CSS’i güncelleyin
3. Tüm tarayıcılarda test edin

Aşama 3: İzleme

1. PageSpeed Insights puanlarını izleyin
2. Temel Web Verilerini kontrol edin
3. Analitik verilerini analiz edin

Süreç Otomasyonu

# cwebp - Google'ın resmi aracı
cwebp -q 85 input.jpg -o output.webp

# Tüm JPG'lerin toplu dönüştürülmesi
for file in *.jpg; do
  cwebp -q 85 "$file" -o "${file%.jpg}.webp"
done

Çapraz Platform Desteği

Tarayıcılar

Kapsam: İnternet kullanıcılarının %95’inden fazlası (2024)

Mobil Cihazlar

• ✅ Android 4.0+ (2011)
• ✅ iOS 14+ (2020)
• ✅ Chrome Mobil - tüm sürümler
• ✅ Firefox Mobil 68+

Yazılım

• ⚠️ Adobe Photoshop - Eklenti gereklidir
• ⚠️ GIMP - Evet (eklenti ile)
• ✅ Figma - Yerel dışa aktarım
• ✅ Canva - WEBP’yi destekler
• ⚠️ Microsoft Office - Sınırlı destek

Sıkça Sorulan Sorular (SSS)

Gelişmiş WEBP Ayarları

Sıkıştırma Türleri

1. Kayıplı (lossy)

   • Kalite 0-100
   • Fotoğraflar için ideal
   • Küçük dosyalar

2. Kayıpsız (lossless)

   • Veri kaybı yok
   • Grafikler için ideal
   • Kayıplıdan büyük, PNG’den küçük

3. Neredeyse Kayıpsız (near-lossless)

   • Kayıplı ve kayıpsız arasında bir uzlaşma
   • Neredeyse görünmez kayıp
   • Kayıpsızdan önemli ölçüde daha küçük

Optimizasyon Parametreleri

# Portföy için yüksek kalite (%90)
cwebp -q 90 -m 6 input.jpg -o output.webp

# Normal bir web sitesi için dengeli (%80)
cwebp -q 80 -m 4 input.jpg -o output.webp

# Önizlemeler için agresif sıkıştırma (%70)
cwebp -q 70 -m 2 input.jpg -o output.webp

# Logolar ve grafikler için kayıpsız
cwebp -lossless input.png -o output.webp

WEBP’nin Geleceği

Rakip: AVIF

AVIF, WEBP’den %20-30 daha iyi sıkıştırma sunan daha yeni bir formattır, ancak:

• ⚠️ Destek hala artıyor
• ⚠️ Daha yavaş sıkıştırma
• ⚠️ Daha yüksek CPU gereksinimi

Öneri: Şu an WEBP kullanın, gelecek için AVIF’i takip edin

Büyük Oyuncular Tarafından Benimsenme

• Google - Tüm hizmetlerinde WEBP’yi tercih eder
• Facebook/Meta - Fotoğraflar için WEBP
• YouTube - Küçük resimler WEBP formatında
• WordPress - Sürüm 5.8’den itibaren yerel destek
• Shopify - WEBP’ye otomatik dönüştürme

Bu Aracın Avantajları

• %100 ücretsiz - kayıt veya sınırlama yok
• Gizlilik koruması - tüm işlemler tarayıcınızda yerel olarak gerçekleşir
• Toplu işleme - birden fazla resmi aynı anda dönüştürün
• Şeffaflığın korunması - alfa kanalı korunur
• Ayarlanabilir kalite - boyut/kalite oranı üzerinde kontrol
• Boyut sınırı yok - dosya boyutunda kısıtlama yok
• Hızlı - sunucuya yüklemeden anında dönüştürme
• Modern teknoloji - En son web standartlarının kullanımı
• SEO avantajı - Daha küçük resimler = daha iyi PageSpeed