画像か背景か？どちらが表示が速い？

質問

こんにちわ。
ホームページを作成する際に使用する画像サイズですが、皆さんは何バイトまでの圧縮を心がけてますか？

また、画像（imgタグ）として使用すると、背景（background）に使う時よりも表示が速く感じるのは気のせいでしょうか？

こんな初心者なみの質問ですが、もしよければみなさんの意見がききたいです。宜しくお願いします。

回答No.1

hiroko771 · ベストアンサー

気のせいです。

理由は、同じ画像データを、サーバーから送信してるだけなので
同じファイルサイズ（重さ）の画像の表示なら、タグの記述が上に有る方が早く表示されるためです。

それと、画像サイズは　BB回線ユーザーにのみ見せたいなら特に制限は要りません。
画質優先でいいですが、非常識に縦横が大きいものにならない様にしましょう。

アナログ回線の人にも…と言う場合は、大画像をそのまま貼り付けないで、
サムネ（サムネイル。縮小画像）から元画像にリンクしてあげるのが常識です。
画像のファイルサイズが100KBを越えると、アナログ回線ユーザーは辛いと思うので、ファイルサイズも明記してあげると尚いいかと思います。

お礼

わかりやすく具体的に教えてくださりありがとうございます。
じっくり考えてみれば、そうだな。。。
と納得です。
回線のこととかあまり知らなかったので、勉強になりました！

回答No.3

noname#12055

> 皆さんは何バイトまでの圧縮を心がけてますか？

ページトータルで考えていますね。
１ページ、どんなに重くても100Kまでとし
それを超えるようだったらページを分けてます。
知り合いにダイアルアップの人がいますので
極力50程度までにおさえようと…。

ただ、これは制作方針しだいでは？
画像中心のサイトで100kなんて、やってられないでしょうし
ユーザも画像サイトに容量削減は求めないでしょう。

なお、オマケでこれを勧めておきます。
http://html.idena.jp/atb.html
あなたのページが何秒で表示されるかも教えてくれます。
ほかの機能も便利で気に入っています。

> 表示が速く感じるのは気のせいでしょうか？

理屈からも気のせいでしょう。

参考URL：

http://html.idena.jp/atb.html

お礼

返答ありがとうございます。
教えていただいたツールバーですが、
とてもわかりやすく使いやすいですね。

他にもたくさんの機能があったので、これからじっくり使いこなしていきたくなっちゃいました。

回答No.2

BLUEPIXY

ファイルの転送時間は、同じですが、
<img>の場合、画像の大きさ（widthとheight）を指定することで、画面のレイアウトの計算が短くすみ、結果として早く表示されることもあるかと思います。

お礼

ありがとうございます。
ファイルの転送時間は同じですよね。
でも、タグ読み込む際に、何かあるんじゃないかな？
なんてちょっとおもってたんですが、、、
なるほど、大きさの指定で、表示時間が早くなることもあるんですね。