■ 画像Howto

 ■ 画像のカンタン拡大・縮小方法 

  • ＨＰ上では、素材はそのままのサイズで使うのが一番いいのですが、デザイン上、どうしても拡大・縮小表示したい時には、素材の縦・横サイズの比率に注意してください。
  • 画像を表示するためのhtmlは、次のように書きます。
    <img  src="images/***.gif  width="○○○"  height="○○○" >
    このhtmlで画像のサイズは横はwidth="○○○"、縦はheight="○○○"で指示しています。
    この時、画像の縦横のサイズの比率が変わると素材が歪んで表示されてしまいます。
  • 縦横サイズの比率の計算が面倒でしたら、どちらか片方だけ指示すれば、ブラウザが比率を計算して表示してくれます。

元の素材サイズはwidth="300"、height="225"
 左の素材をwidth="150"のみ指示
潰れているけど、ぎりぎり見える。


左上の素材をwidth="600"、height="200"と比率を無視して指示した場合、ちょっとヘン。