ホームページで使える画像サイズとは?

ホームページで使える画像サイズとは?

記事
ビジネス・マーケティング
ホームページを作ってもらう時に、制作会社から「ホームページに載せる画像はお客様の方でご用意ください」と言われたけれど、どれくらいのサイズを用意すれば良いか悩んだことはありませんか?

適切な画像サイズとは

画像データのサイズは画素数(ピクセル=px)で表現します。

ホームページに適した画像のサイズは、(横)1920px × (縦)1080pxとされています。その理由は一般的なパソコンのディスプレイサイズが1920px × 1080pxのためです。

size-ok.png


画像サイズが1920px × 1080pxよりも小さいと、引き延ばされて画質が荒くなってしまいます。

size-s.png


逆に大きすぎると、データが重くなりホームページの表示速度が遅くなります。

画像サイズを調べる方法

【windowsの場合】

画像にカーソルを当てると確認できます。
スクリーンショット 2025-03-16 222357.png


【iphoneの場合】
画像アプリで画像を開き【i】をタップ。画像サイズを確認します。

001.PNG


【Androidの場合】
画像アプリで画像を開き【…】をタップ。

Screenshot_20250317-101142.png
               ある昼下がり


【詳細】を開き画像サイズを確認します。

Screenshot_20250317-101207.png


画像サイズが大きすぎるときは

画像が小さいとダメなのは分かりましたが、大きすぎる場合はどうしたら良いのでしょう。

パソコンの場合「ペイント」というアプリから画像サイズを変更することができます。
スクリーンショット 2025-03-17 140939.png
                ペイント

「ペイント」で編集したい画像を開きます。
四角いアイコン「サイズ変更と傾斜」をクリックして「サイズ変更」からピクセル数を直接入力して変更します。

スクリーンショット 2025-03-17 140925.png

ですが、サイズが大きい分にはそのままホームページの製作者さんに送ってしまって大丈夫ですよ!
適切にリサイズして使ってくれます。

以上、ホームページの適切な画像サイズを確認する方法でした!

ホームページ制作についてご質問がございましたら、メッセージにてどうぞお気軽にお問い合わせください!



サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら