デジカメで取ったハワイの写真をＨＰで紹介する。 ハワイのＨＰを作るならこれは絶対に必要だ。でもそのまま写真を載せるとなると、１ページに載せられる数はデザインの関係もあって限られてしまう。楽しかったハワイの写真がこんなにあるのに、全部紹介できないのはちょっと悲しい！

そこでよく使われる手法がサムネイルという小さいサイズで写真を載せ、その写真をクリックすると拡大された写真が表示されるというやり方。これなら1ページにいくつも写真を載せて紹介できるので便利だ。ページのデザインもいろいろ工夫が凝らせる。でもこのページをブラウザで見ると どーも重い、時間がかかる。そんな経験はありませんか？７秒たっても表示されないページは危険です！！

サムネイルは便利だけど、使うにはちょっと工夫が必要。みなさんはサムネイルを作るとき表示サイズを変えただけで、もとの画像をそのまま使っていませんか？

まずこちらをクリックしてください。　写真１

次にこちらをクリックしてください。　写真２

このサムネイル、画像の表示サイズが同じなのに表示速度が明らかに違う。その理由は同じ表示サイズも画像サイズ（ファイルサイズ）が違うからです。それぞれの画像の本来のサイズ以下のとおり（クリックして確認してください）。

写真１のオリジナル画像　（150 x 113 ６KB）

写真２のオリジナル画像　（640 x 480 １３８KB）

写真２の場合は表示サイズを小さく変えてあっても読みにいっている元の画像のファイルサイズが大きいから、640 x 480 の画像を読み込むのと同じだけ時間がかかる。こんなサムネイルが１ページに１０個もあったら、きっと見に来た人は全部表示されまえにどこか他のサイトに行ってしまう。一方、写真１は写真２の画像サイズを150 x 113に変えたサムネイル用の画像を新たにつくり、ここからオリジナルの写真２へリンクを張るようにしている。だから、１ページに１０個ぐあいサムネイルがあっても、パラパラと画像が小気味よく表示され、見ている方もストレスを感じない。

+Hawaii の「ルアウ･フォト･ギャラリー」 のページでは１ページで５３枚という大量のサムネイルを使っている。しかし、この５３枚のサムネイルのファイルサイズの合計は１２８KBだ。写真２のオリジナル画像１３８KBより小さい。つまり、算数でいえば写真２のオリジナル画像が表示されるよりも早くフォト・ギャラリーのサムネイルがすべて表示されることになる。写真を多く使うページでは出来るだけ早く表示をすることで、見ている人のストレスを軽減する工夫が必要だ。また、サムネイルからリンクしたオリジナル画像も必要以上に大きな画像を使わない方がいい。これも表示速度が遅くなる原因。+Hawaii で使用している画像は一番大きなものでも500x400で、 640 x 480を使うことはない。

Mbpsの通信速度を実現するブロードバンド時代になったとしても、ページが軽いにこしたことはない。軽ければ軽いほど、本のようにパラパラとめくれるWEBページを作れるのだから。 そして、これはサーバーディスクのスペース節減につながる。

デジカメで取った写真を画像サイズ（ファイルサイズ）を意識せずにそのままページに使うことは、見る人にストレスを与えるとともに、限りあるサーバースペースもあっという間に無くなってしまう。いいことはひとつもない。

気をつけましょう、画像はそのままではダメ！。