Görselleri yeniden boyutlandırmak, bir görselin gerçek piksel ölçülerini görüntüleneceği alana uygun hâle getirmektir; çok büyük bir orijinali sunup onu HTML ya da CSS ile görsel olarak küçültmek yerine. 400x500 alanda gösterilen 1000x1200 bir görsel, ziyaretçi bunun dörtte birinden büyük bir çözünürlük görmese bile browser'ı tam büyük dosyayı indirmeye zorlar.
Bu fark, çok görselli sayfalarda hızla büyür: 300 piksel genişliğinde kırk küçük görsel gösteren bir ürün listesi, her biri gizlice 2000 piksel orijinal servis ediyorsa, görünür hiçbir fayda sağlamadan megabaytlarca gereksiz yük ekleyebilir. srcset ile birden çok boyut sunup browser'ın ziyaretçinin ekranına uygun olanı seçmesini sağlayan responsive image yaklaşımı, her bağlam için elle ayrı dosya hazırlamadan bunu cihazlar arasında doğru yönetir. Yeniden boyutlandırma ile sıkıştırma ilişkili ama farklı sorunları çözer: biri piksel ölçülerini, diğeri aynı ölçüdeki dosyanın ağırlığını azaltır; en büyük hız kazanımı için ikisini birlikte yapmak gerekir.
