Можно ли определить высоту и ширину изображения?

Question

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

<image src="images\some.jpg">

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

Пожалуйста, помогите мне!

Answer 1

Есть атрибуты ширины и высоты, хотя вам следует немного почитать каскадные таблицы стилей (css).

<img src="..." width="100" height="200" alt="Company Logo"/>

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

Answer 2

В идеале вы никогда не должны полагаться на это для вашего окончательно оптимизированного веб-сайта, но вы можете использовать максимальную высоту и максимальную ширину CSS 2, чтобы уменьшить изображение и сохранить соотношение сторон изображения. Я использовал это как отказоустойчивый для проектов php в прошлом при отображении пользовательского контента. Например:

<style type="text/css">
.scaledimg {
max-height: 200px;
max-width: 200px;
}
</style>

<img class="scaledimg" src="imagesourcehere" />

Answer 3

Да, вы можете использовать атрибуты height и width, например, <img src=logo.gif alt=ACME width=50 height=20>.Вы также можете установить свойства height и width в CSS.

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

Answer 4

Вы можете установить атрибуты width и height тега изображения, например:

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

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

Answer 5

<td><img src='abc.png' height='x' width='y'></td> // set x and y to integers