6.ホームページで扱う画像はこんな感じかな?

ホームページ作りを進めていくうちに(ほとんど進んでいないうちに)アイコンやイラストなどをポイントとして使うことに。
というよりも、本当に必要なのかどうかは二の次で、とにかく嬉しくて使いたいんです。
(ホント無邪気なおっちゃんです)
早速先に購入していた「作ろう!魅せるHomePageマガジン」のCD-ROMをセットして、アイコンやイラストなどを選んでページに貼り付けました。
ほんの小さなアイコンでも画像を入れると見違えるもんです。
このまま放っておくと、性格上調子に乗ってページ全体を画像で埋め尽くしてしまいそうな勢いなので、「重くて表示速度が遅いページは誰も見てくれんぞ〜!」と自分に言い聞かせながら必要最小限の画像にとどめることに。
次に、水槽や魚など写真をページに貼りつけようと、まっさらのデジカメでパシャッ、パシャッと写真を撮り始める。
このまま放っておくと、調子に乗ってデジカメのメモリーを使い果たすまで撮りつづけてしまいそうな勢いだったので、「早くせんといつまでたっても進まんぞ!」と自分に言い聞かせて、必要な写真だけにとどめることに。
(33年間この調子なんで疲れます)
いざ写真をPCに取り込んでみると(ノーマルモードで撮った)、640×480というデカイ画像なんですねえ。
ここで始めてホームページで扱う画像のサイズはどれぐらいがいいんだろう?という疑問に直面しました。
ファイルサイズはどれぐらいだったらストレス無くスッと読み込めるんだろう?
ここはひとまず先輩諸氏のホームページを見て参考にさせていただこうと、いろんなページを見てまわったんですが、結構ばらばらなんですねえ。
仕方無しに自分で勝手にルールを決めて貼りつけてみて、ホームページが出来上がって自分で実際にアクセスしてストレスを感じればやり直そうということにしました。
(ファイルサイズルール)
普通の写真は10KB以内、綺麗に見せたい写真は20KBぐらい、大きな写真は40KBまで。
※このルールを今でも目安にしています。
「この章のポイント」
「作ろう!魅せるHomePageマガジン」などの素材集の画像は基本的にそのまま使いますが、デジカメで撮った写真はサイズ調整とファイルサイズの縮小が必要となります。
私は、写真の縦横サイズは640×480の比率を崩さずに加工しています。
まず、写真の必要な部分を640×480の比率で縮小したサイズに切り取ります。
(500×375や400×300など)
その切り取った写真を、画像を扱うソフトで必要なサイズに縦横比を変えずに縮小します。
(アクアリウムワールドでは250×188のサイズを多用しています)
その後、ファイル保存時に画像品質を落として必要なファイルサイズにします。
(上記ファイルサイズのルールにのっとったサイズ)

〜おわり〜