Bir görseli WebP veya AVIF olarak kaydetmek, tek başına hızlı bir sayfa elde etmeye yetmez. Görselin piksel boyutu, sıkıştırma ayarı, sayfadaki gösterim alanı ve sunulma biçimi birlikte değerlendirilmelidir. Format kararını, sitenizdeki gerçek görseller üzerinden karşılaştırarak verin.
Aynı kaynak dosyayla başlayın
Bir kapak fotoğrafı, ince çizgi içeren bir görsel ve şeffaf arka planlı bir örnek seçin. Her dosyayı aynı piksel ölçülerinde dışa aktarın. Farklı ölçülerdeki iki çıktının dosya boyutunu karşılaştırmak, formatın etkisini ayırmayı zorlaştırır. Kullanacağınız kalite ayarının her kodlayıcıda aynı görsel sonucu üretmesini beklemeyin.
Formatların sunduğu seçenekleri inceleyin
web.dev, WebP ve AVIF’in modern tarayıcılarda desteklendiğini ve eski formatlara göre genellikle daha iyi sıkıştırma sunduğunu açıklıyor. Görsel kalite ve işlev ihtiyacı, seçimde birlikte ele alınmalı. Uygun kurulumlarda picture öğesiyle alternatif kaynaklar sunulabilir. web.dev format seçimi belgesi ve picture öğesi rehberi.
Karşılaştırma kaydında hangi alanlar olmalı?
- Kaynak görsel ve sayfada gösterileceği ölçü.
- Çıktı formatı, kalite ayarı ve dosya boyutu.
- Kenarlar, yazıya benzeyen ince ayrıntılar ve renk geçişlerinin görünümü.
- Mobil kırpımda ana konunun korunması.
- Sunucunun ve içerik yönetim sisteminin dosyayı doğru sunması.
Fotoğrafı gerçek gösterim boyutunda kontrol edin
Örnek bir kapak görselinde daha küçük dosyanın gölgelerde belirgin bozulma ürettiğini varsayalım. Dosya boyutu avantajını tek ölçüt kabul etmek yerine kalite ayarını değiştirip yeniden karşılaştırın. Logo veya ince çizgi içeren görsellerde kenar temizliğini ayrıca kontrol edin.
Sayfa üzerindeki sonucu ölçün
Dosyayı yükledikten sonra doğru sürümün indirildiğini ve HTML’de gereksiz büyük kaynak seçilmediğini inceleyin. Kapak üst bölümde görünüyorsa mobil LCP teşhis rehberindeki kontrolleri uygulayın. Format değişikliğinin etkisini ölçmeden hız puanı artışı ilan etmeyin.
Web tasarım çalışması içinde görsel üretim, dışa aktarma ve yükleme adımlarını ekibinizin sürdürebileceği bir standarda bağlayabiliriz.
İşletmenizin akışını birlikte değerlendirmek için +90 544 180 19 23 numarasından arayabilir veya WhatsApp üzerinden projenizi paylaşabilirsiniz.
