Kad produk jarang memerlukan fail sama seperti galeri skrin penuh. Sumber responsif membolehkan pelayar memilih fail sesuai.
Ukur lebar paparan
Senaraikan lebar imej kad, tajuk artikel dan galeri pada saiz skrin lazim. Eksport beberapa saiz berguna daripada fail asal. Ambil kira skrin berketumpatan tinggi tanpa menghantar fail terbesar kepada semua peranti.
Terangkan susun atur dengan tepat
Gunakan srcset dan sizes yang sepadan dengan CSS. Nilai sizes salah boleh menyebabkan fail terlalu besar dimuat turun. Kekalkan atribut lebar dan tinggi serta elakkan membesarkan sumber kecil secara berlebihan.
Semak permintaan terpilih
Gunakan panel rangkaian pada beberapa saiz skrin untuk melihat fail terpilih. Kosongkan cache semasa perbandingan. Pastikan potongan imej tidak menyembunyikan penyambung atau label penting produk.