Duyarlı Resim
İzleyicinin cihazına, ekran boyutuna ve bağlantı hızına bağlı olarak farklı boyutlarda veya formatlarda hizmet veren bir görüntü uygulaması.
Duyarlı görseller, mobil kullanıcıların bant genişliğini boşa harcayan ve sayfa yüklemelerini yavaşlatan masaüstü boyutlu görselleri indirmelerini engeller. HTML, çözünürlük değiştirme için srcset özelliğini ve sanat yönetmenliği için resim öğesini sağlayarak farklı cihazlara farklı ürünler veya formatlar sunar. Next.js gibi modern çerçeveler, tek bir kaynaktan birden fazla boyut oluşturarak ve görünüm bazında en uygun sürümü sunarak duyarlı görüntü oluşturmayı otomatikleştirir. WebP ve AVIF fAVIFts, JPEG fallbacJPEG ile bant genişliğini daha da azaltır. Duyarlı görseller, Core Web Vitals performansı için kritik öneme sahiptir; büyük boyutlu bir görsel, hem kullanıcı deneyimini hem de arama motoru sıralamalarını etkileyen birincil yükleme performansı ölçümü olan En Büyük İçerikli Boya'yı geciktirir.