初めてWebサイトを作成しているのですが、ページ数は全部で20ページくらいになります。
そこで、ご質問ですが、画像の容量はどれくらいにするのが良いのでしょうか?
ちなみに、今現在、画像は147個あります。軽いもので3KB、重いもので70KBあります。
おそらく、画像は全部で160個くらいになると思います。
質問は以下の3つになります。
(1)画像1枚当たりの容量はどれくらいが良いのでしょうか?
(2)1ページ当たりの画像全体の容量はどれくらいが良いのでしょうか?
(3)全ページの画像の容量は、単体1ページに対して、何か影響を与えることはあるでしょうか?
(例えば、ページを開くのに時間がかかるとか)
No.1ベストアンサー
- 回答日時:
どの程度の画像容量が最適かは、そのページの目的や内容によって大きく異なりますので、一般的な基準はありません。
アルバムのようなページで画像の量を減らすことはありませんし、テキストデータが主体の記事で、余計な画像をちりばめるのは感心しません。
ページの描画に要する時間は
・画像の数
・画像のサイズ
・画像サイズやtableなどでレイアウトに完成に要する時間
などでおおよその目安は立ちます。ブラウザは逐次表示が原則ですから、画像やtableのサイズがHTMLを読み込んだ時点で決定されるなら、全体のレイアウトに要する時間は少なくなるでしょう。
画像は、逐次読み込んでいきますから、そのたびにサーバーとの接続時間ロスが発生します。スプライトのように大きな画像を一枚だけ読ませて、その一部をそれぞれの場所で使用する方法は接続時間のロスを低減できるでしょう。
画像一つ一つのサイズは、画像のフォーマット、描画サイズなどによって異なるので回答はありません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PDF パワポ及びPDFのデータ量について 3 2023/07/20 10:24
- ホームページ作成・プログラミング 保存したホームページのファイルは何をしている推測できますでしょうか。 1 2023/08/18 15:50
- ノートパソコン このノートパソコンで大丈夫でしょうか? 2 2023/04/22 21:01
- その他(パソコン・周辺機器) ネットカフェで大容量の画像をダウンロード 3 2023/05/09 17:51
- ダイエット・食事制限 酒豪の人で痩せてる人はどうやって体型維持をしているんでしょうか? 4 2022/11/05 14:10
- マルウェア・コンピュータウイルス Cドライブの容量が勝手に減ってしまいます。 3 2022/05/07 12:51
- Google Drive Googledriveについて。iphoneの写真や動画をGoogle photoにバックアップして 3 2023/03/27 16:11
- モテる・モテたい 美人に酒が強い人が多い傾向にあるのはどうしてだと思いますか? 8 2022/04/03 18:38
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- 写真 小さな画像を劣化なく大きくしたい 7 2022/07/07 18:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Pythonでgif画像が上手く作れない
-
Excel ユーザーフォームで表示...
-
【EXCEL VBA】ダブルクリックで...
-
C#のForm内に複数画像を繰り返...
-
「using Windows」でエラーが出る
-
スマホでサイトの画像を長押し→...
-
背景画像の繰り返しについて
-
OpenCV でのROIの指定方法について
-
HTMLでサイトの模写をしていま...
-
OpenCVで出力を24bitのbmpにす...
-
Pythonのプログラム初心者の問題
-
画像を表示するには
-
uwsc画像認識のあいまい判定に...
-
VBSでワードに画像を貼り付ける
-
自作の地図をグーグルマップの...
-
こんなことてしますか??
-
文字化けでしょうか?
-
C# Excelのsheetに表示された...
-
OpenCVによる面積算出
-
UWSCの色判定
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
こんなことてしますか??
-
【EXCEL VBA】ダブルクリックで...
-
Excelで画像URLを1つずつセル...
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
背景画像の繰り返しについて
-
Excel ユーザーフォームで表示...
-
gif 画像上の ボタンに リン...
-
VBA シート毎に画像挿入
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
jqueryスライダーを2段でスライ...
-
ホームページバナーを(画像が...
-
「using Windows」でエラーが出る
-
スマホでサイトの画像を長押し→...
-
【WPF】画像の切り替え
-
PowerPoint VBA で画像の鮮明度...
-
画像のピクセルデータの取得
-
UWSCの色判定
-
UWSCを使った画像認証マク...
おすすめ情報