Какие разрешения я должен включить в атрибут srcset?

Question

Какие разрешения я должен включить в атрибут srcset?

Какие разрешения имеет смысл включать в атрибут srcset? MediaWiki использует 1.5x а также 2x, Есть ли, например, какие-либо устройства, которые будут использовать 3x?

редактировать: ответ на последний вопрос, кажется, "да".

отредактируйте октябрь 2015: чтобы удовлетворить потребности большинства устройств с минимальным количеством версий изображений, 1.5x , 2x а также 3x кажется, путь

2

image responsive-design retina-display srcset pixel-ratio

Источник

user849076 17 янв '14 в 10:06

1 ответ

Решение

Другие вопросы по тегам image responsive-design retina-display srcset pixel-ratio

user1113772 08 апр '14 в 19:45 2014-04-08 19:45 · Accepted Answer · 2014-04-08 19:45

Вот неполный список некоторых устройств и соотношений:

1.3x Google Nexus 71.5x Google Nexus S Samsung Galaxy S II HTC Desire HTC Невероятный S HTC Скорость HTC Sensation2x iPhone 4 iPhone 4S iPhone 5 iPhone 6 iPad 6 (3-го поколения)
    iPad 4 Все дисплеи Retina Mac Mac Galaxy Nexus Google Nexus 4 Google Nexus 10 Samsung Galaxy S III Samsung Galaxy Note II Sony Xperia S HTC One X2.6x Nokia Lumia 9303x Xperia Z Xiaomi 2 Galaxy Note HTC One (M7) HTC Butterfly

Вот ответ из спецификации:

Атрибут srcset используется с атрибутом src, который дает URL-адрес изображения для использования в устаревших пользовательских агентах, которые не поддерживают атрибут srcset. Это приводит к вопросу о том, какое изображение предоставлять в атрибуте src.
Ответ, который приводит к наименьшему дублированию, заключается в предоставлении изображения, подходящего для области просмотра бесконечной ширины и бесконечной высоты с плотностью пикселей 1 CSS-пиксель на пиксель устройства.

Рекомендации