Fungsi CSS image-set () adalah cara agar browser memilih gambar yang sesuai dengan perangkat pengguna, terutama untuk layar kepadatan piksel tinggi.
image-set () memungkinkan developer untuk memberikan opsi kepada browser daripada menentukan apa yang dibutuhkan setiap pengguna. Berikut contoh menggunakan syntax image-set.
Penting juga memasukan background-image tanpa fungsi image-set. Tujuannya bila browser tidak support image-set, maka akan diabaikan dan menggunakan background-image yang dideklarasikan pada baris pertama.
background-image: url(image1x.png);
background-image: image-set(url(image1x.png) 1x,
url(image2x.png) 2x);
Fungsi image-set ini sangat bermanfaat karena, device dengan resolusi rendah akan mengambil image yang sesuai. Halaman akan cepat dibuka, membuat user experience lebih menyenangkan. Begitu juga perangkat high resolution akan mendapatkan image yang sesuai, hingga image tidak pecah.