ホームページに使用する画像について

画像の解像度について

解像度の単位はピクセル（px）という単位で表します。

日本で使われているパソコンのモニターサイズは、1,920 × 1,080 px が多数を占めてます。

スマホの場合は「390 × 844 px」と「375 × 667 px」が主流です。このサイズはiPhoneが多く、Androidでは横サイズが 360 pxです。
最近のスマホは解像度が倍以上と高画素密度のディスプレイになっているので、画質はそれを考慮する必要があります。

例えば、iPhone 14 Pro Maxは、画面サイズが 430 × 932 px ですが解像度が3倍もあるので、粗くならない美しい画像を表示させるためには、1,290 × 2,796 px のサイズの画像が必要です。

PC・スマホと画面のサイズは違いますが、画素数については差があまりないのが現状です。

画像の縦横比について

画像の縦と横の比率を表したものをアスペクト比といいます。

１６：９

パソコンのモニターサイズは 1,920 × 1,080 px が主流で、アスペクト比は１６：９。
これはフルHD（FHD)サイズと呼ばれ、デジタルテレビのハイビジョン映像と同じです。
最近のYouTubeもこのサイズが主流になっています。

３：２

フィルムカメラや一眼レフで使われている、いわゆる写真の比率。
ハガキサイズに近いアスペクト比です。

４：３

デジカメに使われる比率です。アナログテレビはこのサイズでした。
この比率の 1,440×1,080 px はハイビジョン（HD)と呼ばれ、Blu-rayの画質です。

おすすめの画像サイズ

ホームページに画像をアップロードする際、データの大きい画像を圧縮してデータサイズを小さくし、最適化に変換できるツールを使用しています。これによって最適なサイズで表示されるので、ホームページの読み込みと表示速度が早くなります。
ツールは画像をアップロードする際の上限サイズが横幅 2,000 pxで設定されています。

ビルボード

アスペクト比　１６：９で、最低必要サイズは 1,920 × 1,080 px（FHD）です。
それ以上のサイズで画像をご提出されても、上述の通りデータサイズが変換されるので、問題ありません。

Image １〜６