Как «правильные» пацаны задают размеры картинок?

Question

[mumus]

Как все-таки правильно задавать размеры картинок?
<img src="pic.png" width="320" height="240"/>

или же

<img src="pic.png" style="width:320px;height:240px" />

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

img{
    max-width:100%;
    height:auto;
}

или есть что-то более правильное?

Comments

[Александр Лысенко]

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

[Froggyweb]

1 и 3 одновременно за 2 - нужно руки отбивать.

[mumus]

Froggyweb: почему за второй пункт казнь? )

[Сергей delphinpro]

mumus: Затем, что его переопределить сложнее. Без !important не обойтись.

Answer 1

[Андрей Андреев]

Если кратко, то комбинировать 1й и 3й.

Первый вариант не обязателен, но если заданы фиксированные размеры картинки, то браузер сразу место картинке "оставит" и контент не будет прыгать в момент окончательной загрузки картинки.

Второй вариант крайне не желателен, ибо вы потом в css фиг перенаследуете значения. Это нормально только в случаее - когда мы JSом динамически меняем размеры.

Третий вариант масхев, что-бы небыло такой фигни когда картинка вылазиет за границы блока.

Comments

[Rheinmetall]

Согласен со сказанным, но "вылазиет"... Конечно тут не форум правописания, но... Господи, мои глаза!!!

[Сергей delphinpro]

Rheinmetall: форум правописания... тут один спрашивал почему arr.lenght не работает... правописание, особенно на родном языке, должно быть на уровне подсознания, чтобы глаз сразу цеплялся за криво написанное слово.

[devstudent]

Сергей: ну это может быть и очепятка arr.lenght, как то у меня пару часов ушло на фикс, оказалось вместо source была директория sourse, хотя я знаю что это неправильно, просто очепятка и все

[Сергей delphinpro]

devstudent: я и говорю, глаз должен цепляться.

Answer 2

[Михаил Лялин]

чаще 1ый вариант после оптимизации графики и кратности 1024 x 512 px