html - 以不同的分辨率插入图像

Question

我有一个有 3 行的表，其中之一是这个：

  <tr>
  <td>Logo Programma</td>
  <td>Giorno</td>
  <td>Giorno</td>
  <td>Put the image here</td>
  </tr>

现在我想添加一个图像，我已经使用了这样的标签

<td><img src="image.jpg" alt=""></td>

分辨率是 788x592 但我不想使用 788x592 像素，它会很大！所以我想保持比例但分辨率较低。

Answer 1

要在设置新尺寸的同时保持图像的比例，请执行以下操作：

<td><img src="image.jpg" alt="" style="width:200px; height:auto;"></td>

这会将宽度设置为200px，高度将自动调整以保持比例。您还可以计算应该的高度并将其添加为固定数字。

Answer 2

使用heightand widthofimg标签，像这样：

<img src="image.jpg" width="100" height="200" alt="">

编辑如果只知道一个尺寸，您可以省略第二次测量，图像也会scale相应地。