7/24 Türkçe destek:[email protected]Sistem durumuDestek talebi

Görselleri WebP/AVIF’e Dönüştürme ve Sıkıştırma

Okuma süresi: 2 dk

Kısa yanıt: Görselleri gösterileceği en büyük ölçüde yükleyin, LiteSpeed Cache › Görsel Optimizasyonu’ndan veya benzeri bir eklentiden WebP dönüşümünü açın ve sayfanın üst kısmındaki ana görsel hariç tüm görsellerde gecikmeli yüklemeyi (lazy load) kullanın. WordPress 5.8’den itibaren WebP, 6.5’ten itibaren AVIF yüklemeyi destekler.

Bu rehber kimin için: Görsel ağırlıklı site sahipleri · Gereken süre: 30 dakika · Seviye: Başlangıç

Çoğu sitede sayfa ağırlığının en büyük kısmını görseller oluşturur. Telefonla çekilmiş 4000 piksel genişliğinde bir fotoğrafı 800 piksel alana yerleştirmek, ziyaretçiye gereğinden onlarca kat fazla veri indirtir. WebP, aynı kalitede JPEG’e göre genellikle %25-35 daha küçük dosya üretir; AVIF çoğu durumda daha da küçüktür.

Görsel optimizasyon adımları

  1. Ölçüyü düzeltin: Görselleri yüklemeden önce görüneceği en büyük genişliğe (ör. içerik için 1200-1600 piksel) küçültün.
  2. Sıkıştırın: JPEG için %75-85 kalite çoğu fotoğrafta fark edilmez.
  3. WebP dönüşümü: LiteSpeed Cache › Genel’de QUIC.cloud hizmetlerini etkinleştirin; ardından Görsel Optimizasyonu ayarlarında yeni nesil biçimi (WebP ya da AVIF) seçip optimizasyon isteği gönderin. Ayarın adı eklenti sürümüne göre değişebilir.
  4. Komut satırı: cwebp -q 80 foto.jpg -o foto.webp komutuyla görselleri yüklemeden önce kendi bilgisayarınızda veya VPS’te dönüştürebilirsiniz.
  5. Lazy load: Sayfanın alt kısmındaki görsellerde loading="lazy" kullanın; WordPress bunu varsayılan olarak ekler.
  6. LCP görseli: Sayfanın en üstündeki ana görselde lazy load’u kapatın ve fetchpriority="high" ekleyin.
  7. Boyut bilgisi: Tüm img etiketlerinde width ve height değerleri olsun; bu, CLS sorununu önler.

Eski tarayıcılar

WebP tüm güncel tarayıcılarda desteklenir. Eklentiler, desteklemeyen tarayıcılara otomatik olarak orijinal JPEG/PNG dosyasını sunar. Elle kullanıyorsanız picture etiketi içinde source ile WebP, img ile JPEG belirtin.

Hâlâ çözülmediyse

Görseller optimize edildikten sonra sonucu PageSpeed Insights raporu üzerinden kontrol edin. Optimize edilmiş görseller disk ve inode kullanımını da artırabilir; orijinallerin saklanma ayarını gözden geçirin. LiteSpeed Cache ile uyumlu WordPress hosting paketlerimizi inceleyebilirsiniz.

Sık sorulan sorular

WebP görselleri Google’da sorun çıkarır mı?

Hayır; Google WebP ve AVIF görselleri dizine ekler.

Logolar için hangi format?

Vektör logolarda SVG en iyisidir; SVG yüklemeyi yalnızca güvendiğiniz kaynaklar için açın.

İlgili rehberler