Какие браузеры поддерживают атрибут `<img srcset...>`?

Атрибут <img srcset... позволяет отображать разные изображения пользователю в зависимости от разрешения экрана.

Какие браузеры в настоящее время (январь 2013 года) поддерживают этот атрибут?

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

Ответы

Ответ 1

Обновлено февраль 2014

Существуют различные аспекты srcset, включая плотность пикселей и ширину видового экрана. На момент написания:

ширина видового экрана не поддерживается текущими версиями Safari, Chrome или Firefox.
плотность пикселей поддерживается Chrome

Я поставил несколько тестовых файлов и результатов на репозиторий Github, которые я постараюсь сохранить.

Ответ 2

Webkit теперь поддерживает атрибут srcset: https://www.webkit.org/blog/2910/improved-support-for-high-resolution-displays-with-the-srcset-image-attribute/

Ответ 3

Интересно, что в wikipedia используется srcset с такими атрибутами:

srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cb/Izokefalizm.jpg/300px-Izokefalizm.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cb/Izokefalizm.jpg/400px-Izokefalizm.jpg 2x"

Я бы предположил, что они используют polyfill для достижения этого, но, конечно, он отображает большие изображения правильно. Может быть, стоит тыкать.

Ответ 4

Для устройств iOS - Safari для iOS8 теперь поддерживает srcset - но не будет вообще доступен до осени 2014.

http://friendfeed.com/christianoliff/c7c40ae2/safari-for-ios8-now-supports-img-srcset

Ответ 5

Ищите текущую поддержку в CanIUse.com. На данный момент, октябрь 2015 года, если вы не заботитесь об IE, вы можете безопасно использовать его практически во всех браузерах, хорошие вещи!