以不同的分辨率插入图像

时间:2013-07-06 11:06:15

标签: html image resolution html-table

我有一个包含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像素,这将是巨大的! 所以我想保持比例,但分辨率较低。

2 个答案:

答案 0 :(得分:4)

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

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

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

答案 1 :(得分:-5)

使用height标记的widthimg,就像那样:

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

修改 如果只知道一个维度,则可以省略第二次测量,图像将相应scale