ページ画像の読み取りの問題_html/css_WEB-ITnose

すみません、そのようなデザインはありますか? ページ上の画像のデザインサイズは 1440*930 ピクセルです。
では、このような大きな画像の場合、1 つの大きな画像に分割するか、複数の小さな画像に分割するのがよいでしょうか?
ベストアンサーは理由を説明してください、ありがとうございます!

ディスカッションに返信 (解決策)

いくつかの小さな画像

画像全体を読み込んでから表示するのに時間がかかります。この場合、小さな画像がロードされるたびに、いくつかの小さな画像が表示されます。

いくつかの小さな画像
画像全体をロードしてから表示するまでに長い時間がかかります。この場合、小さな画像がロードされるたびに、いくつかの小さな画像が表示されます。
でもおっしゃる通り、小さな写真が複数あるとサーバーへのリクエスト数が増えてしまいます。
大きな画像の場合、サーバーにリクエストする必要があるのは 1 回だけです。

大きな写真は読み込みに時間がかかり、ユーザーエクスペリエンスが良くありません。
小さな写真がいくつかある
時間がかかります。画像全体をロードして表示します。この場合、いくつかの小さな画像がロードされるたびに 1 つが表示されます。

でもおっしゃる通り、小さい画像が複数あるとサーバーへのリクエスト数が増えてしまいます。
大きな画像の場合、サーバーにリクエストする必要があるのは 1 回だけです。

もちろん、大きな画像の方が速いです。それ以外の場合、CSS スプリッター テクノロジは何をするのでしょうか?
Google ロゴを参照してください
https://www.google.com.hk/images/nav_logo107.png

もちろん、大きな画像が大きすぎると、ユーザーが全体の画像を見るのに長い時間がかかりますが、これは確かに良いエクスペリエンスではありません。
この場合、loading... エフェクトを追加するか、最初にサムネイル画像をロードして表示し、同時に大きな画像をロードしていることを示すプロンプトを表示することができます。小さい画像を非表示にし、大きい画像が読み込まれた後に表示します。この記事