Когда использовать фоновое изображение IMG или CSS?

Для меня это черно-белое pictures решение. Если изображение html является частью контента, такого pictures как логотип, диаграмма или div человек (реальный человек, а css3 не фото людей), используйте span тег плюс атрибут alt. Для span всего остального есть фоновые max-width изображения CSS.

Другой вариант div использования фоновых изображений picture CSS - это замена текста изображениями, например. абзацы css / заголовки.