画像の高さと幅を決めることは可能ですか？

Question

私はhtmlを使用しています。私は会社のロゴを持っています。

<image src="images\some.jpg"> 

ですが、表示される画像サイズが大きすぎます。その高さと幅を設定することは可能ですか？

私を助けてください！

Answer 1

<td><img src='abc.png' height='x' width='y'></td> // set x and y to integers 

Answer 2

あなたのようなので、画像タグのwidthとheight属性を設定することができる：

は

<img src="../image/path" width="100" height="100" /> 

はまた、これらの属性のいずれか一方のみ用いていることがわかり、アスペクト比を維持画像のサイズを変更するであろう画像が歪んで見えなくなります。

Answer 3

属性の幅と高さがありますが、カスケードスタイルシート（CSS）で少し読んでください。

<img src="..." width="100" height="200" alt="Company Logo"/> 

もう一方の寸法を自動的に調整するには、幅または高さのみを指定することができます。

Answer 4

はい、heightとwidthの属性を使用できます。 <img src=logo.gif alt=ACME width=50 height=20>。 CSSでheightとwidthのプロパティを設定することもできます。

画像の幅や高さが画像のサイズと異なる場合、ブラウザは画像のサイズを変更します。

しかし、お好みの画像処理プログラムで画像を拡大縮小することは、ほとんど常に良い方法です。そのように大きな画像を縮小すると、結果の品質を制御し、帯域幅（およびブラウザでの処理時間）も節約できます。

Answer 5

最終的に最適化されたウェブサイトでは決してこれに頼るべきではありませんが、CSS 2のmax-heightとmax-widthを使用して画像を縮小し、画像の縦横比を維持できます。私は過去にユーザーのコンテンツを表示する際にPHPプロジェクトのフェールセーフとしてこれを使用しました。たとえば、

<style type="text/css"> 
.scaledimg { 
max-height: 200px; 
max-width: 200px; 
} 
</style> 

<img class="scaledimg" src="imagesourcehere" />