图像在浏览器中显示得更大

时间:2017-08-02 03:17:37

标签: html image

我尝试以html格式创建邮件签名并将其粘贴到Thunderbird。 我在浏览器中显示它时会注意到(Chrome,Firefox,IE,任何,100%缩放) - 它的大小比Photoshop(100%缩放)大。

我的HTML代码(所有三个样本都以相同的大小显示):

<html>
  <body>
    <img src="test_image.jpg"></img>
    <br><br>
    <img src="test_image.jpg" width="400" height="191"></img>
    <br><br>
    <img src="test_image.jpg" style="width:400px;height:191px;"></img>
  </body>
</html>

测试图片:http://protein.nmr.ru/fish/pics/test_image.jpg

比较:http://protein.nmr.ru/fish/pics/comparison.jpg

签名HTML文件:http://protein.nmr.ru/fish/pics/signature.html

我做错了什么?我也试过了不同的dpi设置和相同的结果..如何在Photoshop中显示它?

1 个答案:

答案 0 :(得分:0)

<img src="http://protein.nmr.ru/fish/pics/test_image.jpg" alt="Mountain View">

<img src="http://protein.nmr.ru/fish/pics/test_image.jpg" width="auto" height="auto">

<img src="http://protein.nmr.ru/fish/pics/test_image.jpg" style="width:400px;height:191px;">

使用单词auto应该以原始分辨率显示图片,因此请尝试使用该属性,看看会发生什么。有趣的是,我把它们中的三个都放大了。我使用了chrome检查工具来查看图片的尺寸,它是400px X 191 px,这可以解释为什么第二个和第三个元素会显示相同的东西。我猜第一个元素也显示了图片的默认分辨率。