Верстка сайта под retina экраны?

Question

[Игорь Пушкарский]

Всем привет!

Перекрыл интернет но чет так и не понял как лучше всего адаптировать сайт под retina монитор.
Как указать для background удвоение пикселей, понятно. А как указать для картинок которые подключаются через тег IMG? Для. Svg я так понимаю делать ничего не нужно?

А для обычных картинок надо делать их 2 вариантами? И менять через js пути к ним? С помощью какого то плагина?

Answer 1

[Дима Паутов]

https://css-tricks.com/snippets/css/retina-display...
https://www.google.ru/webhp?sourceid=chrome-instan...

Answer 2

[Пащук Илья]

через js просто можешь делить картинку пополам на не ретина экране,но при этом изображение должно быть загружено с большим набором пикселей
что типа такого
$(window).load(function() {
var images = $('img');
images.each(function(i) {
$(this).width($(this).width() / 2);
});
});
также можно с помощью сss поделить, как варианит можно и две картинки загрузить, но я считаю, бессмысленно!
по поводу svg в принципе да, но не совсем все зависит как используется в коде!

Answer 3

[crossfire]

retina.js

Answer 4

[Faber Estello]

2 изображения (что не есть хорошо, как по мне)
Хорошее объяснение с примерами
и
+ проект