В атрибуте srcset элемента img в html мы можем указать ширину или плотность пикселей каждого источника. Мы используем w, чтобы указать ширину, и x, чтобы указать плотность пикселей. У меня есть несколько вопросов о w и x.
Означает ли 500w, что ширина изображения составляет 500 пикселей? Если так, то почему это w, а не px, как в атрибуте size?
Означает ли 1x плотность пикселей 72 пикселя / дюйм
Почему изображение имеет плотность пикселей? Я думал, что плотность пикселей означает количество пикселей в пределах физической длины / пространства. Например, количество пикселей на дюйм. Но цифровое изображение не занимает физическую длину / пространство, оно занимает всего несколько пикселей. Итак, что означает плотность пикселей цифрового изображения? ... Это мое предположение, пожалуйста, скажите мне, если я прав: изображение занимает всего несколько пикселей, но оно могло быть рассчитано на физическую длину. Например, изображение кнопки шириной 144 пикселя должно было занимать физическое пространство в 1 дюйм. Поэтому он был предназначен для устройства 2х. Мы сообщаем об этом браузеру, указав 2x в атрибуте srcset. В итоге, плотность пикселей означает плотность пикселей системы, для которой предназначено изображение.