Я использую html. В таблице html у меня есть таблица строк внутри td, у меня есть логотип компании.Можно ли определить высоту и ширину изображения?
<image src="images\some.jpg">
но изображенный размер изображения слишком большой. можно ли установить для него высоту и ширину?
Пожалуйста, помогите!
<td><img src='abc.png' height='x' width='y'></td> // set x and y to integers
Вы можете установить width и height атрибуты тега изображения, например, так:
<img src="../image/path" width="100" height="100" />
заметить также, что, используя только один из этих атрибутов, будет изменять размер изображения с сохранением пропорций, которые предотвратит искажение изображения.
Существуют атрибуты ширины и высоты, хотя вам бы хотелось немного почитать о каскадных таблицах стилей (css).
<img src="..." width="100" height="200" alt="Company Logo"/>
Вы должны иметь возможность указать только ширину или только высоту, чтобы автоматически масштабировать другое измерение.
+1 Я рад, что кто-то заметил использование таблиц для позиционирования. CSS - намного лучший вариант. – Aaron
Да, вы можете использовать атрибуты height и width, например. <img src=logo.gif alt=ACME width=50 height=20>. Вы также можете установить свойства height и width в CSS.
Когда ширина или высота отличаются от размеров самого изображения, браузеры масштабируют изображение.
Однако, почти всегда лучше масштабировать изображение в вашей любимой программе обработки изображений. Таким образом, масштабирование большого изображения позволяет вам контролировать качество результата, а также экономить полосу пропускания (и время обработки в браузерах).
В идеале вы никогда не должны полагаться на это для своего окончательного оптимизированного веб-сайта, но вы можете использовать максимальную высоту и максимальную ширину CSS2 для масштабирования изображения и поддержания пропорций изображений. Я использовал это как отказоустойчивость для проектов php в прошлом при отображении пользовательского контента. Например:
<style type="text/css">
.scaledimg {
max-height: 200px;
max-width: 200px;
}
</style>
<img class="scaledimg" src="imagesourcehere" />
Серьезно? '
' Но я не рекомендую полагаться на браузер, чтобы масштабировать большое изображение. Вместо этого используйте редактор фотографий. –
Возможный дубликат [Должен ли я указывать атрибуты высоты и ширины для моих IMG в HTML?] (Http://stackoverflow.com/questions/1247685/should-i-specify-height-and-width-attributes-for-my- imgs-in-html) –