mamohoのHP作成講座

mamohoのHP作成講座

画像のサイズを変更してみよう

● 画像のサイズを変えてみよう!

まず この画像をご覧くださいこの画像のサイズは 幅 320ピクセル 高さ 480ピクセルです

<IMG SRC="http://plaza.rakuten.co.jp/img/user/94/55/869455/36.jpg" width="320" height="480" alt="夕日">

夕日

この画像のサイズを変えてみます
width="320" height="480" の数値をかえてみるわけですね
では width="100" height="180" にしてみましょう

<IMG SRC="http://plaza.rakuten.co.jp/img/user/94/55/869455/36.jpg" width="100" height="180" alt="夕日">

夕日

width や  height は 指定しなければならないものではありませんが
指定することで 画像のレイアウトを早く表示させることができますのでなるべく指定したほうがいいと思います
width  heightを指定しなかった場合は 画像の大きさは本来のサイズで

あと 画像の大きさを width  height で指定することで画像の表示サイズは
変えることができますが ファイルの容量は変わるわけではありませんつまり width  height の数値を小さくして画像の表示が小さくなったからといって 
ファイルの容量が小さくなるわけではないということです



© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: