Использование image-set() и CSS-функции background-size отличается по своим целям и задачам.
image-set() позволяет предоставлять разные версии изображения для устройств с разной плотностью пикселей. 14 Это удобно, если нужно использовать изображение с более высоким разрешением для устройств с высокой плотностью пикселей, например смартфонов и планшетов, а для устройств с низкой плотностью пикселей — изображение с более низким разрешением. 1
CSS-функция background-size позволяет указывать, как масштабировать изображение под размеры веб-страницы. 1 Например, значение cover указывает браузеру масштабировать изображение вверх или вниз так, чтобы оно соответствовало всей веб-странице, сохраняя пропорции изображения. 1
Таким образом, image-set() помогает адаптировать фоновые изображения под разные устройства, а background-size — настроить масштабирование изображения под размеры страницы.