dreamweaverとfireworksで作成、画像の大きさと操作についての質問

質問

fireworksで画像をつくりました。HPにのせるには大きいので、二つに区切りました。それでも、５０KBと３０KBくらいあります。
これって、大きすぎますか？
大きすぎる場合は、もっと細かく区切った方がいいのですか？

もしいくつかに区切った場合、スライスを使うといいようですが、使い方がイマイチよく分からないのと、dreamweaverではテンプレートを使ってHPづくりをしているので、テンプレートにどうやってもっていったらいいかがわかりません。

以上２点質問です。どうぞ、よろしくお願いします。

回答No.4

神崎 渉瑠（@taloo） · ベストアンサー

> 大きいと、画像が出にくい（絵が出てくるまでに時間がかかる）ので、小さくした方がいいと聞いたようなきがするのですが・・・、
ファイルサイズの縮小が目的ではなく、
表示までの早さを目的とするのであれば、画像分割は有効な方法です。
質問の仕方がファイルサイズしか言及されてないようでしたが、
画像分割を使って表示までの時間を優先するのであれば、ファイルサイズが増えることは容認しなければなりません。
まぁ、増えると言ってもほとんど誤差の範囲でしょうけど。

> ANo.3
> 1枚表示するのに1秒かかり、結局10枚すべてを表示するのに10秒かかります。
メジャーなブラウザはそういうわけではなく、
１度に（初期設定ではだいたい）４つずつダウンロードしますので、推定３～４秒になります。
画像分割が有効な理由です。
実際は、HTMLファイルやCSSファイル、それ以外の画像も一緒にダウンロードしますから、
分割した１０個のファイルだけを４つずつダウンロードするというわけではありません。

> 画像サイズって言うのは、一つずつの画像の大きさではなくて、そのページの全部の総合計で考えるものなのですか？
どちらかというと、総合計で測る方が多いと思います。
ダウンロード完了までの時間はほぼファイルサイズに比例しますが、
表示までの時間は、どんなHTMLやスタイルシートを書いているかによっても、変わってきます。

> もし、そうなら、どのくらいの大きさを目安にすればよいのか教えてください。
高画質なデータを提供したいのであれば、画像サイズ（ピクセル数）もファイルサイズも大きくなるのはやむを得ないでしょう。
目安というのはありませんので、提供したいサイズで提供すればいいと思います。
（あえて言うならウインドウサイズとの対比でしょうか。少なくともウインドウサイズより大きな画像は見づらいです）

お礼

ひとつづつ、丁寧に答えてくださってありがとうございます。

絵が出てくるまで、待ち続けるのはどうかと思うのですが、今自分が使っているコンピューターですと、瞬時に画像はでますので、遅いというのが実は想像できません。ですから、「絵が出てこないのは、困ったことだ」との予測にて、軽くしようと試みてます。
いろんな要素があるとすると、何が一番いいのか分からなくなってきました(^^;)。いつもは、目安とか、基準はないものなんでしょうか。

回答No.3

maxmixmax

例えば100KBの画像の表示に10秒かかるとします。

それを10分割し10KBの画像を10枚にした場合、
1枚表示するのに1秒かかり、結局10枚すべてを表示するのに10秒かかります。

実際は分割した場合、1枚が11KBとか12KBになりますので
すべて表示し終わるまでの時間は分割した方が遅くなるでしょう。

ただ、体感として何も出ないまま10秒待たされるのと、
1秒ちょっとで1枚ずつ出てくるのでは、
前者の方が遅く感じ、嫌われると思います。

Fireworksを使われているのでしたら、
プログレッシブ表示形式のjpgで保存してみてはいかがでしょう？
私も使った事がないので、詳しくは分かりませんが、
重い画像でも徐々にモザイクが細かくなっていくような
表示のされ方をするそうなので、
待たされてる感は軽減されるかなと。

お礼

プログレッシブ表示形式って、初めて聞きました。
勉強になります。
ありがとうございます。

回答No.2

神崎 渉瑠（@taloo）

何のために分割するのか知りませんが、
ほとんどの場合、ファイルサイズは１枚の大きなままが一番小さくなります。（分割したファイルの合計に比べて）

ファイルサイズを減らすことが目的なら、１枚のままにした方が良いのでは？

お礼

えっつ、そうなんですか？
大きいと、画像が出にくい（絵が出てくるまでに時間がかかる）ので、小さくした方がいいと聞いたようなきがするのですが・・・、
勝手に思いこんでいたのでしょうか。それとも、昔の話なのでしょうか？
画像サイズって言うのは、一つずつの画像の大きさではなくて、そのページの全部の総合計で考えるものなのですか？
もし、そうなら、どのくらいの大きさを目安にすればよいのか教えてください。
最後になってしまいましたが、ご回答ありがとうございました。

回答No.1

maxmixmax

区切っても結局そのページの重さ自体は変わらないわけですから、
まず『品質』を下げてみてはいかがでしょうか？

お礼

ご回答ありがとうございます。
品質も下げてみて、この大きさです。
これ以上下げると、画像が乱れてしまいます。
何かほかにいい方法はありますか？