HPの画面を速く出す方法

質問

ＨＰを作成したのですが、画像がたくさんあって重いのか、画面に表示されるのが遅いんです。どうしたらいいでしょうか？ファイルそのものを圧縮して相手のＰＣで自動解凍とかすることなんてできますか？できるだけ詳しく教えてください。

回答No.3

noname#151056

jpgファイルやgifファイルなどは、既に圧縮されています。
速く表示させる一番の解決法は、やはり画像の圧縮率を上げる
ことです。画像をJPEG形式などで保存するソフトには、大体この
圧縮率を指定するオプションがあるはずです。
圧縮率を上げると画質が落ちますがファイルサイズは小さくなり
表示が速くなります。サイズがある程度小さく、画質がひどすぎ
ないという圧縮率を地道に見つけていくというのはどうでしょう。
(※：画質を下げて保存したファイルは元の画質は戻せません）
また、写真のような画像や、グラデーションを多用した画像なら
JPEG形式を使い、グラデーションのないイラスト画像ならgif形式
を使うとファイルサイズが抑えられます。

あと、画像の数が多いという場合ですが、
<img src="aaa.jpg" alt="aaa" width="???" height="???">
というように、width と height をちゃんと指定してやると、
ブラウザが画像のサイズを計算しなくても済むのでわずかながら
表示は速くなります。width は画像の横幅、heightは画像の縦の
長さをドット数で指定します。画像を扱うソフトならその画像の
大きさがわかるはずです。

お礼

ありがとうございました。写真はJPEG形式でしてします。
構成を変えてみようと思っています。詳しいご説明本当にありがとうございました。

回答No.2

enterprize

こんにちは。
HPが重くなる原因として、画像が多数張られている事、フレームを利用している事、BGMなどを貼り付けている事ぐらいでしょうか？画像については、クオリティを落とし1画面に多数貼り付けるのではなく、複数ページに分けて張られる事をお勧めします。また壁紙なども重くなる原因となります。
もう一つ、ただ単に、cherry-hさんの通信環境、プロバイダが遅いのかもしれません。
自動解凍については可能ですが、結局はHPを見た方がわざわざダウンロードしなければならないので、物凄く使いにくいものになります。このようなHPでは中々見ていただけないと思います。
別の方法として、実際の画像を縮小したものを貼り付け、それをクリックすると別画面が開き、拡大画像を出すようにすれば良いと思います。この際、別画面には必ず「閉じる」ボタンを付けておくことをお勧めします。
画像縮小・クオリティダウンについては、JPEGやBMP等の画像ならば、GIF形式にするとかなりサイズが小さくなります。
以上です。

お礼

複数ページに分けるという意見、大変参考になりました。
そうします。あと、縮小画像からリンクさせて拡大表示させるという考えもすごく参考になりました。
GIF形式の件ですが、やってみたらJPEG形式の画像の３倍の容量になってしまったのでまたJPEGに直しました。
これは、だめみたいです。
　でも、参考になるご意見をたくさんいただき、本当にありがとうございました。

回答No.1

asuca

結論としていえば画像の解像度を落としたり色数を減らしたり、圧縮方式を出来る物は全てJPEG方式にしてやるしかないでしょうね。
ページの作り方の構成を代えるのも手です。
いっぺんに全てが表示されるのではなく必要に応じて表示されるような形式にするのが良いでしょう。

お礼

いくつかのページに割り振ってみます。
ありがとうございました。