ブログ記事欄の画像サイズを変更するには？・・１

アメブロの「ブログを書く」画面で「画像フォルダー」の画像をクリックすると、下のような文字列が表示されます。

<div align="center"> <a href="http://stat.ameba.jp/user_images/20130729/13/wantan-52/a0/00/j/o0480064012626624589.jpg"> <img src="http://stat.ameba.jp/user_images/20130729/13/wantan-52/a0/00/j/o0480064012626624589.jpg" alt="$あんなこと　そんなこと　どうでもいいこと..-浜田翔子-7" border="0" /> </a> </div>

で「表示を確認」すると、こうなります。（↓）

で、この画像の大きさは、480x640です。（ウィンドウズ７の場合、画像フォルダーで、その写真に矢印、ポインターを乗せると大きさが表示されます。）

では、上の画像を半分に小さくしてみます。

上の文字列の後ろの方の（"）と（/）の間に

width="240" height="320"

を挿入します。

こうなります。↓

<div align="center"> <a href="http://stat.ameba.jp/user_images/20130729/13/wantan-52/a0/00/j/o0480064012626624589.jpg"> <img src="http://stat.ameba.jp/user_images/20130729/13/wantan-52/a0/00/j/o0480064012626624589.jpg" alt="$あんなこと　そんなこと　どうでもいいこと..-浜田翔子-7" border="0"width="240" height="320" /> </a> </div>

で、表示を確認すると、こうなります。（↓）

この方法で自分のｆｃ２ブログでも試してみましたが、ＯＫでした。

画像サイズを変更する方法は他にも色々あると思いますが、その一つとして参考にして下さい。

もう一回、しつこく復習として（笑）⇓

画像のサイズを指定する


<img src="URL(画像のアドレス）" width="横幅" height="高さ">

画像のサイズを指定するには、width属性とheight属性を使います。width属性で横幅を指定し、height属性で高さを指定します。ピクセル値もしくは画面に対する割合（％）でそれぞれの大きさを決めます。ただし％で指定した場合、画像のバランスが崩れたりしますし、Netscpe Navigator4.7では上手く画像が表示されませんので、ピクセル値で指定することをお薦めします。
また、サイズを指定しなくても画像は表示されますが、サイズを指定するとブラウザの読み込みのスピードが多少速くなるので、必ず指定するようにしましょう。それと、何らかのトラブルで画像が表示されない時、サイズを指定しておけばその分のスペースが確保されますので、レイアウトが崩れるのを防ぐことが出来ます。

注意点として、元の画像と比べてサイズを大きくしすぎると、画像が粗くなってギザギザが表示されてしまいす。それと、width属性とheight属性を使って、もとの画像の表示サイズを小さく出来ますが、ファイルサイズ（200kbとか）は変わりません。画像編集ソフトを使って画像のサイズを小さくすれば、ファイルサイズも小さくなるので、こちらの方法のほうがお薦めです。ファイルサイズが小さくなると、そのぶん軽いページになりますしね。

参考になると、うれしいのですが・・

☆ブィブィ　o(^_^)o