画像サイズに注意

画像サイズに注意

画像関連ヒント＆トピックス

あちこちのホームページを見ていて、どうもこの画像（写真）・・読み込みは遅いし、画質も変？　なんて思ったことありませんか？　試しにその画像のみを表示させて見ると、ページ上での表示サイズよりはるかに大きいサイズの画像、おまけにものすごいファイルサイズだったりすることがあります。こんな画像・・・そんな頻繁に出くわす訳ではないのですが、たまに見かけることがあります。

下の写真、実は画像サイズ300×200pixelの写真なのですが、あえてページ上ではサイズ180×120pixelと小さくして表示させています。なんか白いコスモスの輪郭がガタガタになって汚いと思いませんか？（もしかしたら、ブラウザや環境によっては、うまく見えているのかもしれませんが？）　この写真をクリックすると実際のサイズの写真画像を見ることができます。

300×200pixelの写真（9.0kB）

<IMG SRC="cosmo.jpg" WIDTH="180" HEIGHT="120">　で表示させている

写真画像を使う場合は、必ず実際に表示させるサイズに縮小して使いましょう。その方がよりきれいで、読み込みも早くなります。あらかじめ、画像編集ソフトで180×120 pixelに縮小した写真を表示させてみたのが下の写真です。ファイルサイズも約半分になりました。

180×120pixelに縮小した写真（4.8kB）

Prev.
表示サイズを変えて使い回せ！

モノクロ写真も悪くない