Mobilde srcset kullanırken sizes değerini nasıl doğru seçiyorsunuz?

Mobilde sayfanın görsel olarak hızlı açılması için yalnızca görsele vermek yetmiyor; tarayıcının hangi dosyayı indireceğini de doğru tarif etmek gerekiyor. Özellikle ve ikilisi, ilk bakışta kolay görünse de yerleşim değişince kafa karıştırabiliyor.

Benim anladığım kadarıyla farklı genişliklerdeki dosyaları, ise görselin sayfada yaklaşık ne kadar yer kaplayacağını bildiriyor. Örneğin görsel mobilde ekranın tamamını değil, iki sütunlu bir kartın yarısını kaplıyorsa demek gereğinden büyük dosyanın seçilmesine yol açabilir. Tarayıcı bu bilgilere ek olarak ekran yoğunluğu gibi etkenleri de hesaba kattığından, seçimi her cihazda birebir aynı varsaymamak gerekiyor.

Ben test ederken geliştirici araçlarında ağ isteğine bakıyorum; fakat farklı ekran genişliklerinde ve yüksek piksel yoğunluklu cihazlarda da kontrol etmek gerektiğini düşünüyorum. Bir de görselin gerçek yerleşimi CSS ile değişiyorsa, tanımını güncellemek kolayca unutulabiliyor.

Siz değerlerini elle mi tanımlıyorsunuz, yoksa kullandığınız bir iş akışı veya araç var mı? Gerçek cihazlarda hangi kontrol yöntemi size daha güvenilir geliyor?