Например у большинства смартфонов ширина экрана 720px (если держать его вертикально), при этом браузер воспринимает такое разрешение как 360px, как бы для того что бы не путать с ноутбуками.
Какое разрешение делать у фотографии для мобилки - 360px или 720?
Вы путаете реальное разрешение экрана и размеры viewport.
По вашему примеру с 720 vs 320: чтобы картинка была чётче, она должна быть по размеру реального разрешения. Поэтому если есть задача сделать чётче, то размер нужен больше, точнее размер должен быть ближе к реальному разрешению экрана. Т. н. эффект retina как раз так и реализуется. В браузерах есть алгоритм определения степени масштабирования, если он вам нужен.
В современных смартфонах масштаб уже не двухкратный зачастую, а трёхкратный (типичный FullHD-экран типичного смартфона).
Средний
Средний
