ＪＰＧとＨＴＭＬの関係について教えてください。

質問

よろしくお願いします。
少し疑問に思うのですが聞いてください。
ホームページを作るときフォルダの中に画像（ｊｐｇ）とページ（ＨＴＭＬ）を入れるとサイト表示されますが、
　画像の大きさによって表示されるスピードが変わりますよね。
　その画像のサイズによって表示されるスピードが変わるのはページ（ＨＴＭＬ）の中で５０×５０ピクセルみたいに画像を小さくしても元の画像（フォルダの中のｊｐｇ）のサイズが４００ｋｂみたいに大きかったら結局は表示されるスピードは同じなのでしょうか？
　それとも、ページ（ＨＴＭＬ）の画像を小さくしたら元の画像のサイズがどんなに大きくてもすぐに表示されるものなのでしょうか？
　わかる方教えてください。

回答No.5

raiki · ベストアンサー

いくらＨＴＭＬで表示の大きさを小さくしても表示速度は変わりません。

ＨＴＭＬは、リンクされた画像をインターネット上からダウンロードして
表示しますが、このとき、実体である画像のサイズが大きければ、
通信速度や通信距離等のネットワーク関係の問題で、表示が遅くなります。

ですので、ネット上にアップロードする画像はＨＴＭＬでのサイズ調整でなく、
表示の邪魔にならない程度まで画像自体のサイズを小さくして掲載するのが
常套となっています。

ギャラリーページなどで、「サムネイル」と呼ばれる元の画像にリンクを貼った
縮小画像を見かけることはありませんか？
あれは、このような「重くなる」現象を防ぐために用いられる工夫なのです。

また、余談ですがＨＴＭＬ上で画像を縮小すると、なぜか表示される画像が荒くなります。
そういう意味でも、使用する画像自体をまず小さくしてからアップロードすることをお勧めします。

お礼

まとめてのお礼で恐縮です。
皆様ありがとうございました！
そんな仕組みになっているんですね。
それぞれの回答がとても参考になりました。
後、少しだけ教えていただきたいのですが。
ＨＴＭＬに挿入した画像とまったく関係ない画像をフォルダ分けしないで一つのフォルダの中にまとめて全部いれると（ＨＴＭＬ・必要あるｊｐｇ・必要ないｊｐｇ）表示されるスピードは遅くなるとかあるのでしょうか？

回答No.6

sanakazu

＞ ＨＴＭＬに挿入した画像とまったく関係ない画像を

それらデータ（フォルダ内データ）を送る際に時間がかかるだけで、表示する時間は変わりません。ソースに書かれていないデータは、表示には何の影響も与えません。

お礼

ありがとうございました。
それならまだ良かったです。
とても参考になりました。

回答No.4

sanakazu

言われているサイズは、寸法と容量がありますよね？画面表示にかかる時間は容量に左右されます、その画像をPCへダウンロードするためです。寸法が小さくても容量が大きければ時間は多く必要だと思います。ちなみに、ファイルサイズが小さいからといって表示速度が早いかと言われれば、確か違ったように記憶していますが・・・？

回答No.3

txrx

元の画像が大きければ同じです。

Webサーバは、何も考えずに全ての情報を送信します。
Webブラウザは、受信した情報に従って表示を行います。
したがって、受信した画像を小さく表示させるのはWebブラウザの仕事です。このため、元の画像が大きければダウンロード時間は長くなります。

回答No.2

H-Ash

HTMLファイルを作成する際に、画像の表示サイズを縮小しても、元画像のデータ容量は変わらないため、画像の表示時間はかわりません。
画像を縮小するときは、グラフィックツールで元画像のサイズを調整する必要があります。

回答No.1

noname#92714

元の画像(JPG)が一緒であれば、HTMLで原寸表示でも小さく表示しても表示されるスピードは一緒です。