Как вывести другую картинку на мобильных?

Question

[Оптимус Пьян]

На сайте по центру страницы размещена картинка, но если пользователь заходит с мобильного телефона нужна другая картинка. На серверной стороне через определение мобильников делать не хочется другой вывод.

Можно ли это сделать на css?
Но в media-запросах можно ведь только фоновую картинку поменять, или и к обычному тегу img можно как-то подобраться?

Answer 1

[Alex]

srcset прям вот то что нужно

Comments

[Оптимус Пьян]

После вашего ответа я понял что прошлый, srcset это круто

Answer 2

[iBird Rose]

делай 2 img. один изначально display: none; а второй block; потом в медиа меняй их display.

Comments

[Оптимус Пьян]

Точно, не догадался ))

[Alex]

Оптимус Пьян: Это прошлый век

[iBird Rose]

Alex: смотря как посмотреть. твой srcset caniuse.com/#search=srcset ie не поддерживает. не знаю как у вас, но у нас поддержка ie9+ обязательна

[Оптимус Пьян]

iBird Rose: у нас на ie все давно забили версий меньше 10 для нас давно не существует