Как вы верстаете img под смартфоны?
В данном вопросе поможет здравый смысл и тестирование.
Допустим у нас есть абстрактное фоновое изображение как часть UI. В большинстве случаев для подобных изображений достаточно будет иметь коэффициент 1х - 1.5х.
Если изображение более детальное - ставим для начала коэффициент 2х и смотрим как это выглядит на живом смартфоне. Обычно коэффициента 2х более чем достаточно для детальных изображений или фотографий.
Коэффициента больше чем 2х могут потребовать разве что схемы с тонкими линиями.
Вставляйте просто img без всяких source.
А вот для слайдера (например на главной странице), если есть такая возможность, то можно использовать source, чтобы на десктопе показать широкую картинку, а на мобиле вертикальную.