BootstrapTema

Например, вы можете написать что-то вроде этого:

<img
 src="/images/my_image.png"
 data-rjs="/images/2x/my-image.png" />

<!-- или -->

<div
 style="background: url(/images/my_image.png)"
 data-rjs="/images/2x/my-image.png">
</div>

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

<img
 src="/images/2x/my-image.png"
 data-rjs="/images/2x/my-image.png" />

<!-- или -->

<div
 style="background: url(/images/2x/my-image.png)"
 data-rjs="/images/2x/my-image.png">
</div>

В сценарии предполагается, что вы используете предписанный Apple модификатор высокого разрешения (
2x) для обозначения вариантов изображений с высоким разрешением на вашем сервере.