Ретинизация картинки

Привет, интересует вопрос, делаю картинки, одна нормальная, а вторая для ретиновых экранов. Использую Sass и Gulp. Вроде-бы работает. Но интересует вопрос, а как можно проверить правильно ли все сделано? Создал переменную

@retina: “(min-resolution: 144dpi), (min-resolution: 1.5dppx)”;

В Scss прописал в стилях фоновую картинку и свойства фоновой картинки, а ниже внутри тогj же класса:

@media #{$retina} {
background-image: url(“img/bg-header@2x.jpg”);
background-size: 1338px auto;
}

Как можно проверить работает ли ретиновая картинка?

https://stackoverflow.com/questions/15551287/how-to-test-a-website-for-retina-on-windows-without-an-actual-retina-display

1 лайк

Спасибо большое!