圖像在瀏覽器中顯示得更大，它是

我試圖以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中？

來源

2017-08-02 Alexander

<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應該以其原始分辨率顯示圖片，因此請嘗試使用該屬性並查看會發生什麼。有趣的是，我把他們三個都變成了相同的大小。我使用鉻檢查工具來查看圖片的尺寸，它是400px X 191 px，這可以解釋爲什麼第二個和第三個元素會顯示相同的內容。我猜測，第一個元素還顯示圖片的默認分辨率。

來源

2017-08-02 04:13:53

森喜使用「自動」不是爲我工作以及.. 所有這三個從你的例子都顯示大。您可以右鍵單擊圖像 - 保存並在圖像查看器中打開，然後與您在Chrome中看到的內容進行比較。我也用過鉻.. – Alexander

圖像在瀏覽器中顯示得更大，它是

回答

相關問題