html 画像のサイズはどうやって決める？

質問

ものすごく初心者の質問で恐縮です。

HTMLの勉強を始めたばかりです。テキストを読みながら自分で練習しています。画像を指定するときにテキストでは「width="250" height="170"」のようにサイズの指定がされているのですが、自分の撮った画像をサイズ指定するとき、「縦横比」はどうやって判断をするのかな？と思いました。

実際にやってみたのですが、画像の見た目の大きさは「こんな感じ」というのは出来たのですが、比率がうまくわからないので困っています。

なにとぞよろしくお願いします。

回答No.1

qualheart · ベストアンサー

画像の指定はピクセルだけでなく％でも指定できます。
またはwidthもしくはheightいずれかのみを指定しておけば、等倍比率で画像が表示されます。

<img src="image.jpg" width="50%" height="50%">
もしくは
<img src="image.jpg" width="250">

お礼

早々のアドバイスありがとうございました。
理解できました。

回答No.2

ddg67

レイアウトソフトなら画面上で画像を拡大縮小させれば、自動的にwidth　やheightに数値を入れてくれるので気にしなくていいでしょう。

本来は別のソフトで拡大縮小してからそのピクセル寸法を読み取って指定するのですが

高さか幅の数値だけ入れれば片方は自動的に調節して比率そのままで表示してくれますよ。

お礼

>本来は別のソフトで拡大縮小してから・・・
そういうものなんですね。よくわかりました。
ありがとうございました。