Данный скрипт используется для того, чтобы на экранах с большим разрешением (стандартное разрешение ретина 2880 x 1800) заменять картинки на их копии с лучшим качеством. Например:
1 |
<img src="images/boi.jpg" data-at2x="images/boi_retina.jpg"> |
В данном случае на обычных экранах будет подключаться картинка images/boi.jpg, а на ретина экранах boi_retina.jpg. Естественно последнее изображение имеет лучшее качество(соответственно и больший вес). Скрипт анализирует наличие у тегов атрибута
1 |
data-at2x |
И в случае необходимости использует его. Подключен скрипт должен быть перед закрывающимся тегом body
1 |
<script src="js/retina-1.1.0.min.js"></script> |