滑って転んで…

画像の掲載方法に関して、見やすくリサイズして掲載する事を前回記事でお薦めしました。


それでも「やっぱりなるべくおおきく載せたいんだよね」って人の為に、大きな写真をブログデザインを壊すことなく、掲載する方法をお届けします。


今日も初歩的な秘術になりますので、ベテランの方はスルーしちゃってください。


まずは二つの画像を用意します。

　

見た目、全く同じ画像に見えますが、実は全く同じです(笑)


ですが、向かって右の画像にマウスのポインタをあててください。クリックできますよね？


その画像をクリックすると、原寸の画像が別窓で開きます。


これをサムネイル表示と言います。


このやり方だと、原寸でないと見ることが出来ない小さな文字などの入った画像を、大きくして見せる事ができますし、オリジナルそのままの掲載よりも、デザイン的にスッキリしています。


チェックするのは、赤丸で囲んである、ファイルサイズの「オリジナルサイズ」と、表示方法の「サムネイル」の二箇所だけ。（画像はクリックで拡大されます）

簡単ですよね。

ちなみに、じゃんぐる公園でのサムネイルは、必ず横幅100pxで表示されます。

これを変更したい場合は、HTMLの中の、width="100"という表示の部分を探し、この100を任意の大きさに変えれば、可能です。



これを応用すると…こんな面白いものまで作れます。


　←クリックしてみて♪


ただし、サムネイルでの画像表示、オリジナルサイズでの画像表示ばかりしてたら、あっという間に画像容量が減っていきます。


長くブログを続けて行きたいなら、やはりお薦めはリサイズしての画像掲載だという事を、覚えておいて下さい。