Размер HTML-тега изображения не соответствует заданным размерам

Question

По сути, у меня есть:

echo '<img height="70" width="120" src="'.$img.'">';

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

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

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

Редактировать: я также понимаю, что изменение размера оригиналаизображения могут быть «идеальным» решением, в моем случае это не практично.

Answer 1

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

Пример:

<img width="50" src="http://www.example.com/myimage.png">

Answer 2

Есть несколько способов сделать это.

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

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

  <img alt="Pic" src="/path/to/thumb.php?file=images/somepic.png&size=75" />

Answer 3

Это должно позаботиться об этом, не похоже, что CSS отменяет указанные вами размеры. Попробуйте style="height: 70px; width: 120px;" вместо?