Обработка изображений с высокой плотностью до x4 с учетом производительности мобильных устройств
В наши дни, когда мобильные устройства имеют плотность пикселей до x4, какова наилучшая практика предоставления изображений для них с учетом производительности?
С одной стороны, мы могли бы предоставлять наиболее подходящие изображения, используя srcset или source, с другой стороны, пользователи мобильных устройств могли бы больше оценить производительность при четком изображении с соотношением пикселей 4x, даже если их устройство поддерживает это.
В chrome можно использовать API-интерфейс Network Information API и обслуживать одну версию или версию с 2x dpi при медленном соединении, но это решение имеет ограниченную поддержку браузера
Есть ли хороший подход для этого?