ブログに載せる画像の
サイズの変更方法が
分からない人
結構いるのかも？
ってことで
簡単に説明を
掲載してる画像は
ＨＴＭＬタグを表示すると
写真の下のように
記述されてます
若干違うのは
パーセントで記述したものは
自動で実際の値に
変更されます
width="100%"
は
width="527"
に変更されます
これは
ブログの記事の横幅が
最大の１００％で
５２７ドットだからです
width="50%"
は
その半分の
width="264"
に変更されます
ブログの記事の横幅の
半分ってことですね
縦幅も
別途調整できますが
設定しない場合は
横のサイズに
比例したサイズに
自動で調整されます
因みに
height="100%"
は
height="348"
に変更されます
これは
ブログの記事の縦幅が
最大の１００％で
３４８ドットだからです
綿密には
記事を編集する
ウインドウサイズっぽい
ま
真似て
やってみなさいｗ
因みに
スマホや
ガラケーなど
画面サイズが
小さい場合は
そのサイズに調整されます
スマホで見ると
１００％も７５％も
同じサイズになります
１００％（５２７ドット）
<a href="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/o0640048012759275894.jpg"><img
border="0" alt="大富豪のブログ" src="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/t02200165_0640048012759275894.jpg
" width="100%" /></a>
７５％（３９５ドット）
<a href="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/o0640048012759275894.jpg"><img
border="0" alt="大富豪のブログ" src="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/t02200165_0640048012759275894.jpg
" width="75%" /></a>
５０％（２６４ドット）
<a href="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/o0640048012759275894.jpg"><img
border="0" alt="大富豪のブログ" src="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/t02200165_0640048012759275894.jpg
" width="50%" /></a>
２５％（１３２ドット）
<a href="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/o0640048012759275894.jpg"><img
border="0" alt="大富豪のブログ" src="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/t02200165_0640048012759275894.jpg
" width="25%" /></a>
横１００％／縦５０％
<a href="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/o0640048012759275894.jpg"><img
border="0" alt="大富豪のブログ" src="http://stat.ameba.jp/user_images/20131124/13/fugo64/26/5b/j/t02200165_0640048012759275894.jpg
" width="100%" height="50%" /></a>
しずくドンのドアップｗ
<a href="http://stat.ameba.jp/user_images/20131121/21/kota-nyanko/dd/7b/j/t01600320_0160032012756600376.jpg"><img
border="0" alt="大富豪のブログ" src="http://stat.ameba.jp/user_images/20131121/21/kota-nyanko/dd/7b/j/t01600320_0160032012756600376.jpg
" width="100%" /></a>
マイケルｗ
<a href="http://stat.ameba.jp/user_images/20131125/06/akaisaru-room/16/77/j/t02200391_0480085412760251933.jpg"><img
border="0" alt="大富豪のブログ" src="http://stat.ameba.jp/user_images/20131125/06/akaisaru-room/16/77/j/t02200391_0480085412760251933.jpg
" width="100%"/></a>
