Разрешение картинки в зависимости от разрешения екрана
 

Здравствуйте, я пытаюсь реализовать слайд-шоу. Так как планируются (в будущем) сложные переходы и видео — хочу оптимизировать код — для етого хочу выбирать картинки разрешением в зависимости от разрешения екрана.
У меня есть папка images в ней папки картинок под разные разрешения екранов (сейчас к примеру 1080p и 2160p)
Кля того чтоб выбрать правильную папку мне нужно опредилить разрешение екрана пользователя.
Однако метод screen.width возращает значение умноженое на масштаб. Тоесть на 4к екране с масштабом 200% screen.width вернет 1920 (вместо 3840) Все известные мне методы — clientWidth/screen.width основоваются на масштабе. В итоге я не знаю как опредилить реальное разрешение екрана (или хотябы окна игнорируя масштаб)
На фото пример как на 4к екране screen.width вернет 1920

Методом тыка было найдено отличное решение

document.body.clientWidth * window.devicePixelRatio
document.body.clientHeight * window.devicePixelRatio