HTML разметка и стандарты + элемент img

Question

Является ли хорошей идеей / практикой указывать единицу измерения для элементов img в html-разметке?

Я всегда так делал и думал да. Я предполагаю, что браузер не угадывает% или px?

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

Я прочитал W3C и не нашел ничего конкретного для моего вопроса.

<img src="/path/to/image/thegood.jpg" width="100px" height="100px" />

против

<img src="/path/to/image/andthebad.jpg" width="100" height="100" />

Answer 1

В спецификации конкретно указывается длина без процентов указывает на пиксели.

<!ENTITY % Length "CDATA" -- nn for pixels or nn% for percentage length -->

Answer 2

Я предпочитаю использовать px, поскольку он сохраняет соотношение изображения, как вы и предполагали.Ширина 100% может растянуть изображение на широком экране, что приведет к плохому изображению!

Answer 3

Вы всегда должны указывать размеры изображений. Когда браузер загружает вашу страницу, экран будет меньше мерцать, потому что браузер заранее знает размеры изображения.

Итак, код № 1 является предпочтительным:

<img src="/path/to/image/thegood.jpg" width="100px" height="100px" />

Answer 4

Производительность мудрая, даже не рассматривайте ее.

В противном случае, если вы хотите ограничить размер изображения, вы должны указать его. Если вам нужно полноразмерное изображение, не указывайте его вообще. И где это возможно, используйте CSS.