2017-08-02 17 views
0

私はhtml形式のメール署名を作成してThunderbirdに貼り付けようとしています。 私はブラウザ(Chrome、Firefox、IE、任意の、100%ズーム)で表示したときに気づいた。Photoshop(100%ズーム)よりもサイズが大きい。画像はブラウザが大きく表示されています

マイHTMLコード(すべての3つのサンプルが同じサイズで表示される):

<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のように表示するには?その本来の解像度で画像を表示するので、その属性を使用してみて、何が起こるか見るべき単語autoを使用して

答えて

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;"> 

。面白いのは、私はそれらの3つのすべてが同じサイズになっているということです。私はクロム検査ツールを使用して画像の寸法を確認しました。それは400px X 191 pxで、2番目と3番目の要素が同じことを示す理由を説明します。私は、最初の要素が画像のデフォルト解像度も示していると推測しています。あなたの例から

+0

こんにちはネイサン にも私のために働いていない「自動」を使用して... すべての3つが大きく表示されます。 画像を右クリックして保存し、画像ビューアで開いて、Chromeで見たものと比較することができます。 私もクロムを使用しました。 – Alexander

関連する問題