画像を、縦横の比率を崩さずに拡大したい。

初心者です。よろしくお願いいたします。

HTMLの<img src="～">で画像を表示しました。
しかし画像が小さかったため大きくしようと思い、
width,heightを使い、ピクセル数を設定して大きく
したところ、縦横の比率が崩れてしまい歪んで
しまいます。
縦横の比率を崩さずにそのまま拡大したい場合は
どのようにすればよろしいですか？
アドバイスよろしくお願いいたします。

No.2 ベストアンサー 回答者： pomo0620 回答日時： 2004/03/25 21:56

実際の画像のサイズを調べて、例えば、縦200ピクセル、横300ピクセルの画像を、横を500ピクセルで表示したいとしたら、

200*500/300=333のように計算して、

HEIGHT="333" WIDTH="500"

のように素朴に指定してあげてはどうでしょう？
実際の画像のサイズは、Winの場合はペイントなどの画像ソフトでも調べられますし、WIDTH　HEIGHTを指定しないでInternetExplorerで表示するとマウスの右クリック-プロパティで表示されます。

この回答へのお礼

なるほど！助かりました！_(._.)_

お礼日時：2004/03/30 22:32

No.4 回答者： acacia7 回答日時： 2004/03/27 01:11

width heightはピクセル設定だけじゃなくてパーセンテージ設定もできます。

パーセンテージ設定ならば

width="300%" height="300%"

と同じにすればすれば縦横比はくずれないはず。

参考URL：http://tohoho.wakusei.ne.jp/html/img.htm

この回答へのお礼

なるほど、ありがとうございます！

お礼日時：2004/03/30 22:33

No.3 回答者： yayopix 回答日時： 2004/03/25 22:09

こんにちは！

比率を計算して指定しても、崩れる・・ということでしょうか？

一応、幅を指定したいときの高さの計算方法です。

元の高さ×新しい幅÷元の幅＝新しい高さ

幅２００ピクセル 高さ１６０ピクセルを幅２５０にしたい場合・・

１６０×２５０＝４００００
４００００÷２００＝２００

になります・。

No.1 回答者： nuruhho44 回答日時： 2004/03/25 21:47

widthのみを指定しheightは指定しないという手があります。

これでheight値を同比率で拡大縮小してくれるのはＩＥだけかもしれませんが・・・

<IMG src="画像のＵＲＬ" width="***" alt="画像" border="0">

てな感じです。

この回答へのお礼

遅くなりました。ありがとうございました。
なるほど～です。

お礼日時：2004/03/30 22:31