Retina растр иконки?

Question

[Breeze1]

Подскажите, кто как оптимизирует растр иконки для ретины ? Никогда раньше не приходилось этим заниматься. Иконок примерно штук 30, весят не много. Может быть разгрузить их сразу в x2 и задать размер картинкам ? или лучше через jquery подменять src у картинок ? Поделитесь опытом, кто как делает. Спасибо )

Answer 1

[Владимир]

https://caniuse.com/#search=srcset

https://css-tricks.com/responsive-images-css/

Comments

[Никита]

У srcset поддерживаемость по рашке крайне куцая

[Breeze1]

Никита, какая разница, эти картинки только на ретине должны подменяться, в данной ситуации ie и edge не нужны )

[Никита]

Breeze1, если бы вы были на так упрямы, то понимали, что ретина это не только дисплеи компании эпл, значит есть вероятность, что откроют ваш сайтик на каком нибудь дэл с ретиной, в а эдже или ie 11

Вы пытаетесь уделить внимание мелочам, пропуская бревна :)

[Breeze1]

Никита, вопрос решил подгрузкой х2 изображений. Не знал, что ретина есть не только на apple, спасибо. А вообще в следующий раз буду обсуждать с клиетом, что либо свг, либо как есть :) спасибо

[Владимир]

Breeze1, Вот тут есть список фактических разрешений и css
screensiz.es/monitor

Answer 2

[Никита]

юзаем свг )

Comments

[Breeze1]

Спасибо, очень информативно. У меня растр, если бы можно было svg, я бы не задавал тут лишних вопросов.

[Никита]

Breeze1, вы плодите вопросы которые обсуждались миллион раз, все варианты что можно сделать смотрите на хабре :/

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

Breeze1, Так запросите их в векторе, иначе выведите их как есть. Что тут сложного? Я никогда не пользовался подходом нескольких картинок. Геморой. Немного смазано, ну и ладно, не нравится, давайте svg. Всё просто. Все мои дизайнеры теперь присылают мне векторные иконки и все счастливы.

[Froggyweb]

В сss использовать media query в хтмл в зависимости от ситуации либо js либо srcset