Kaynaktan türeve, türevden ekrandaki bayta: bir görsel hattının ölçümleri.
Kırk iki duvar kağıdının kaynağı 5760x4096 PNG, her biri 10 ile 42 MB arasında, toplamı 1,06 GB, ve hiçbiri commit edilmedi. Depoya giren şey türevler: 2560 piksel genişliğinde ve kalite 50 ile kodlanmış 42 AVIF, toplam 5,60 MB, en küçüğü 16 KB, medyanı 125 KB, en büyüğü 406 KB. Kalibrasyon tek bir 32 MB kaynak üzerinde yapıldı; AVIF kalite 50 ile 2560 pikselde 246 KB ve 3840 pikselde 545 KB, AVIF kalite 62 ile 2560 pikselde 434 KB, WebP kalite 78 ile 2560 pikselde 447 KB. Yani o dosyada 2560 piksel AVIF 130 kat küçültme demek. İkinci bir 1280 piksel varyantı düşünüldü ve reddedildi: 1,86 MB eklerdi, üstelik kaplama aritmetiği telefonun masaüstünden daha çok piksel istediğini gösterdi, telefon 3561 aygıt pikseli, masaüstü 3024, yani kazanç değil kalite kaybı olurdu.
Karartma katmanı ve seçicinin bedeli
Kırk ikinin kırk ikisi de beyaz metnin 4,5:1 oranına çıkması için bir karartma katmanı istiyor; en yükseği 0,54, en düşük sıfır olmayanı 0,21, medyanı 0,51, ve karartmasız geçen sıfır. Bunun bir sonucu duvar kağıdı seçicisinde görünüyor, önizlemeler bilerek karartılmıyor, çünkü 42 soyut renk alanını medyan yüzde 51 siyah bir örtünün altında ayırt etmek mümkün olmazdı. Seçicinin kendisi de bir ölçüm: 42 dosyayı tam boy basmak 5 874 095 bayt, next/image üzerinden ve 96 piksellik bir boyut ipucuyla 27 766 bayt, yani 212 kat ucuz, ve bu sayı optimizer'ın koştuğu encoder ile, sharp 0.35.3 ile alındı. Sınırı da yazılmalı; 27 KB yalnız birinci piksel yoğunluğu için geçerli, ikincide 121 260 ve üçüncüde 290 004 bayt, ama ikisi de arka plan görseli yolundan bir büyüklük mertebesi küçük. Başlığın yanına konması gereken ikinci sayı ise srcset işaretlemesi, 41 130 bayt, yani gerçek görsel baytlarından fazla, üstelik ağa hiç çıkmıyor.
Etiketler
- Performance
- Accessibility