解像度が1000x1000の画像 'Angelina.png'があり、ウェブページで50x50としてレンダリングされます。画像自体が50x50であった場合、次のような影響がありますか？または、元のサイズをダウンロードしてユーザーの帯域幅を無駄にしますか？ <img src='Angelina.png' width='50px' height='50px' alt='Angelina' />HTML廃棄帯域幅内でheight属性とwidth属性の<img>タグを使用してイメージのサイズを縮小しますか？
はい、あなたは実際の画像でのDOMすなわち上で電子メールのサイズを変更しているので（実際のサイズとの）サーバーからダウンロードされ、あなたは、単にUIを改善するために、DOMにサイズを変更しようとしています。
私はそれが質問に答えると思いますか？ OPは 'img'タグの属性を指定すると帯域幅を無駄にするのではないかと疑問に思っています。 :) –
ここにそれが行く：
ヒント：高さと幅の属性を持つ大きな画像をダウンサイジング（それがページ上の小さなように見えても）大きな画像をダウンロードするようにユーザーを強制します。これを避けるには、ページ上で使用する前にプログラムでイメージを再スケーリングします。
参照：http://www.w3schools.com/tags/att_img_height.asp
だから、答えはイエスです、それは、廃棄物の帯域幅をダウンロードするために多くの時間がかかります。
帯域幅が問題の場合は、ダウンロードする前にPHP GDを使用してサーバー側のサイズを変更してください。 Guru Kamar氏は、htmlはクライアント側で実行されるため、イメージがダウンロードされてからサイズが変更されると述べています。 PHPはサーバー側で実行されるため、ダウンロードされるイメージは小さくなります。はい、それは帯域幅を無駄にします。
あなたの質問を超えて効果的に画像をレンダリングするには、これは面白いです：http://ericportis.com/posts/2014/srcset-sizes/ – abksrv
画像のサイズは変更されません。それはフルサイズのバージョンをダウンロードし、それを縮小サイズで表示します。サーバー上にサイズ変更されたバージョン、またはサイズ変更するためのサーバー側のソリューションが必要です。サイズを変更して、サムネイルと元のファイルを利用できるようにするのが最も簡単です。 – Archer
非常に高解像度のディスプレイ（またはプリンタ）では、（論理）ピクセルごとに複数のデバイスドットが存在するため、大きな画像を使用する方がよく見えます。あなたの例では、完全なイメージを利用するには***非常に高い解像度が必要です。少なくとも2000dpi。私たちはそれをまだ進めていません。 –