Несколько причин, по которым следует использовать CSS background вместо тегов img в HTML для фоновых изображений:

• Гибкое и динамичное оформление. 3 Изменение фона через CSS-классы и медиа-запросы упрощает изменения дизайна, сохраняя HTML-разметку незатронутой. 3
• Оптимизация загрузки страницы. 23 CSS свойство background-image подходит для создания спрайтов, что помогает сократить количество запросов к серверу и время загрузки страницы. 3
• Возможность вывести на странице только часть изображения. 1 Также с помощью свойства фона можно растянуть фоновое изображение, чтобы оно заполняло всё окно. 4

Тег img, в свою очередь, используется для изображений, которые являются неотъемлемой частью контента и должны быть индексированы поисковыми системами и выводиться при печати. 24