srcset без поддержки экрана с высоким разрешением

Question

Существует тег изображения с атрибутом srcset, который выглядит следующим образом:

<img src="..." 
  srcset="small.jpg 300w, large.jpg 900w"
  sizes="300px" />

На обычном экране с разрешением 1 x dpi он загружает small.jpg, но на экранах с высоким разрешением (например, на сетчатке) - загружается large.jpg.

Есть ли способ заставить его загружаться small.jpg на экранах с высоким DPI?

Answer 1

Вот как srcset работает намеренно.

Если вы хотите запретить браузеру загружать соответствующее изображение, которое вы предоставляете, поскольку ваше значение sizes показывает, что поддержка переменной ширины области просмотра не требуется в вашем случае использования, вы должны использовать простой src без srcset :

<img src="small.jpg" width="300" />

Но это означает, что вы всегда показываете изображение шириной 300 пикселей, а пользователи с плотностью экрана выше 1dppx могут увидеть низкокачественный рендеринг.

Не могли бы вы объяснить, почему вы хотите, чтобы это произошло?