Размеры изображений в html или css?

[ut2010]

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

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

Edited March 27, 2010 by ut2010

[psywalker]

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

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

Если имги много,разной, то можно прям в коде указывать для каждой картинки свои размеры, а елси Имга одна и повторяется,то в ЦСС

[panig]

Если имги много,разной, то можно прям в коде указывать для каждой картинки свои размеры, а елси Имга одна и повторяется,то в ЦСС

По-моему лучше всегда в css писать.

[rash]

Я бы всегда в HTML указывал. Надо померять, конечно, но кажется мне, что применяться будет быстрее, css-селектор еще распарсить надо, потом выборку по документу сделать.

Но тут что для вас важнее — компактность кода или скорость рендеринга.

[psywalker]

По-моему лучше всегда в css писать.

Тогда расскажи-ка мне быстренький способ, если у тебя на странице допустим 20 имги разного размера. Ты для каждой будешь класс задавать?

[ut2010]

Тогда расскажи-ка мне быстренький способ, если у тебя на странице допустим 20 имги разного размера. Ты для каждой будешь класс задавать?

Действительно ведь со стилями морока одна, но с другой стороны всё оформление должно быть вынесено в css?

[mishka]

а зачем им размер ставить?

[panig]

Тогда расскажи-ка мне быстренький способ, если у тебя на странице допустим 20 имги разного размера. Ты для каждой будешь класс задавать?

думаю да, почему бы и нет?

[psywalker]

а зачем им размер ставить?

Ну раз разговор зашёл об этом, то я бы из двух способов выбрал именно структуру, т.е. ставить размеры именно в html, а не вешать классы всем имгам, а ты Медведь как-бы поступил?

[mishka]

Да у меня редактор так настроен что сам сразу размер картинки прописывает. Если у когото скорость инета маленькая, то по мере загрузки сайт будет прыгать, когда будут картинки подгружатся. Вот зашел я на сайт, там много картинок больших, инфа внизу, я прокрутил вниз читаю... тут начинают картинки подгружатся, получается прыжек и я теряю место где читал. Немного раздражает.

А так место под картинку сразу определилось бы, осталось бы только дождатся ее загрузки. А пока ждешь - спокойно читаешь текст.

В css размеры картинке прописываю только если того действительно требует ситуация.

Edited March 27, 2010 by mishka2

[DjTarik]

Однозначно в HTML. По-ходу по спецификации просят, чтобы картинкам был задан размер, да и при отключенной графике в большинстве браузеров верстка не схлопнется/развалится.

[psywalker]

Однозначно в HTML. По-ходу по спецификации просят, чтобы картинкам был задан размер, да и при отключенной графике в большинстве браузеров верстка не схлопнется/развалится.

+1

[mishka]

Однозначно в HTML. По-ходу по спецификации просят, чтобы картинкам был задан размер, да и при отключенной графике в большинстве браузеров верстка не схлопнется/развалится.

Насчет однозначности спорный вопрос .

Бывает ситуация когда например картинку нужно масштабировать по ширине блока, такая вот себе резина... Это конечно редкие ситуации но бывает. Тогда таким картинкам я в css задаю ширину 100%.

Также какие нибудь ссылки-иконки делают картинками, небольшими такими, картинкам вставлябт альт текст, так вот если в браузере отключить картинки, то если на них неуказан размер - они станут по тексту, тоесть весь альт текст будет виден. А вот если есть размер иконки например 12х12 - то мы только пару буковок и увидим.

Поэтому не совсем однозначно всем картинкам нужно размер ставить.

[Navigator]

Действительно ведь со стилями морока одна, но с другой стороны всё оформление должно быть вынесено в css?

Со стилями никакой мороки нет. Нет такого правила, что все оформление должно быть вынесено в css, и что значит вынесено, помимо файла .css можешь подписывать каждому элементу style="". Например, всем картинкам задаешь одно и то же выравнивание , рамку и т.д., стилями, а размер пописываешь в HTML.

[DjTarik]

Насчет однозначности спорный вопрос .

Бывает ситуация когда например картинку нужно масштабировать по ширине блока, такая вот себе резина... Это конечно редкие ситуации но бывает. Тогда таким картинкам я в css задаю ширину 100%.

Также какие нибудь ссылки-иконки делают картинками, небольшими такими, картинкам вставлябт альт текст, так вот если в браузере отключить картинки, то если на них неуказан размер - они станут по тексту, тоесть весь альт текст будет виден. А вот если есть размер иконки например 12х12 - то мы только пару буковок и увидим.

Поэтому не совсем однозначно всем картинкам нужно размер ставить.

не, ну бывают исключения))) на счёт иконок - согласен. Так и делаю.

[psywalker]

Погодите, а я не понял про иконки 12х12, что вы имеете ввиду, можно поподробнее

[DjTarik]

Погодите, а я не понял про иконки 12х12, что вы имеете ввиду, можно поподробнее

Если размер изображения (вставляемого через <img>) меньше чем 12px (или что-то около того, точно не могу сказать) - то alt="" виден не будет. Соответственно, если не задавать ширину и высоту - тогда текст в alt="" "растянет" размеры рамки под себя.

[psywalker]

Если размер изображения (вставляемого через <img>) меньше чем 12px (или что-то около того, точно не могу сказать) - то alt="" виден не будет. Соответственно, если не задавать ширину и высоту - тогда текст в alt="" "растянет" размеры рамки под себя.

Аа, тут согласен конеш.

[DjTarik]

Ну, и ещё на таких мелких иконках, кликабельную область стоит делать больше... Пикселей на 5-10. Очень повышает юзабилити)

[s0rr0w]

Ну, и ещё на таких мелких иконках, кликабельную область стоит делать больше... Пикселей на 5-10. Очень повышает юзабилити)

Люди целятся прямо в изображение. Поэтому иконки надо делать минимум 20пкс по высоте и ширине.

[panig]

хм.. а ведь точно