Webサイト（HP）で使用するのに適切な画像の大きさって？

前回説明したように、紙媒体で画像を使用する場合は、画像解像度が300dpi必要だよね。Webサイトで使用する場合は、画像解像度が75dpiあればいいんだけど、それより重要なのは画像の大きさだよ。

下のように操作したら画像の詳細な情報をみることができるよ。

大正解！なので、この「幅　1400ピクセル」って言うのは、「横に1400個ピクセルが並んでる」って意味だよ。「高さ　933ピクセル」は「縦に933ピクセルならんでる」ってことだね。

答えは、幅×高さ＝1,920px × 1,080pxだよ。これは、ディスプレイの大きさに関係しているよ。ディスプレイの大きさ（＝画面解像度）は画像の大きさと同じようにピクセルで表現するよ。世界のデスクトップ画面解像度ランキングを見るとその理由が分かるよ。

その通り！スマートフォンやタブレットは基本的にデスクトップよりも小さいからシェア率の高い1,920px × 1,080pxあれば基本的に問題ないよ。

そうだね。例えば、4Kになると同じ大きさの画面でも画面解像度が高くなるから表示される画像の大きさが小さくなるので、そこは知っておくといいかな。同じ画面の大きさの画面解像度の違いをマスで表した図が下になるよ。

それは、やめた方がいいよ。画像のサイズが大きくなるとその分データ量も重くなるよ。その結果、画面での表示速度が遅くなるよ。

さすがエンターキーちゃん、よく分かってる！ユーザーが離脱するようなサイトは作りたくないよね。画像が荒いのも問題だし、重くて表示されるのに時間がかかるのも問題。なので、適切な大きさの画像を用意してサイトを制作するのは大切なんだよ。

分かってくれてよかった。何か悩むことがあるならまた相談してね。