Плагин который упрощает обслуживание изображения с высоким разрешением для устройств с дисплеями Retina, JavaScript, SCSS, Sass, Less и Stylus для рендеринга вариантов изображений.
Архив материалов которые Вы уже смотрели пока пуст
Например, вы можете написать что-то вроде этого:
<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) для обозначения вариантов изображений с высоким разрешением на вашем сервере.