Duyarlı görsel
Ziyaretçinin cihazına, ekran boyutuna ve bağlantı hızına göre farklı boyutlar veya biçimler sunan görsel uygulaması.
Duyarlı görseller, mobil kullanıcıların bant genişliğini boşa harcayan ve sayfa yüklenmesini yavaşlatan masaüstü boyutundaki görselleri indirmesini önler. HTML, çözünürlük geçişi için srcset özniteliğini ve sanat yönlendirmesi için picture öğesini sağlar; böylece farklı cihazlara farklı kırpmalar veya biçimler sunulabilir. Next.js gibi modern framework'ler duyarlı görsel üretimini otomatikleştirir, tek bir kaynaktan birden çok boyut oluşturur ve viewport'a göre en uygun sürümü sunar. JPEG fallback ile WebP ve AVIF biçimleri bant genişliğini daha da azaltır. Duyarlı görseller Core Web Vitals performansı için önemlidir: aşırı büyük bir görsel, kullanıcı deneyimini ve arama motoru sıralamalarını etkileyen temel yükleme metriği olan Largest Contentful Paint'i geciktirir.