• サイトマップ

画像の使い方を考える

画像はそこにある意味を考えて配置しましょう。 また、ページの中で最もデータサイズの大きな要素なので、 常に軽くする努力を忘れないでください。

初心者の方に多いのが、何も考えずむやみに画像を貼り付けるタイプ。 デジカメで撮った写真をトリミング(適切な形に切り取る作業) やサイズ調整もせずそのまま貼り付ける人もいれば、 意味もなく「Welcome」と書いたでっかいバーナーをトップページにおく人もいます。 しかしよく考えてみてください。それはそのサイトに必要なのでしょうか？ そのサイズでなければならないのでしょうか？ 表示に時間がかかった上に意味のない画像が画面いっぱいに現れたら… あなただったらどう思うか想像してみてください。

画像を多用することで、 テキストだけのページより見た目はよくなる(派手になる？)かもしれません。 しかし画像は目立ちます。テキストよりも断然目立ちます。 だからこそ使い方を考えなければ一番大切なあなたのメッセージが伝わりません。 特にテキスト中心のサイトなどで画像を使用するときは、 できるだけ小さな画像を必要最低限の数で用意するべきだと思います。 そして本当に必要なのかをもう一度考えながらチョイスしてくださいね。

画像に関して具体的にどのような対策をたてればよいのか、 以下にいくつか紹介します。

• テキスト中心のページの場合、テキストエリアに比べ画像の割合を３割程度に抑える
• その画像を配置する理由が説明できるかを考える
• 画像作成のとき、どの保存形式(JPEGやGIFなど)が適切かを考える
• 画像の保存のときにJPEGなら圧縮率を、GIFなら色数を極限まで減らす

一般的に写真などの色数の多い画像はJPEG、 そのほかのべた塗りのイラストなどはGIFがよいとされる しかし例外もあるので注意！