• ベストアンサー

ホームページの画像を速く表示する方法

ホームぺージを作成しています。 載せた画像が重すぎて、表示するのに時間がかかって困っています。 縮小したり解像度を落としたりすると、途端に画像が荒くなってしまいますね。 見た目をあまり変えずに、表示速度を速くする方法を教えてください。 どんな方法でも結構です。 ちなみに問題の画像は JPEG 約50kb  使用OS Win98 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.5

50kBだと、確かにちょっと重いかも知れませんね。 画像を軽く表示させる為の方法はいくつかあります。 まず、他の人もおっしゃっている様に、 画像を小間切れにして、テーブルで分けて表示する方法。 ただし、この方法だとテーブルの処理が重くなる場合があるのと、 圧縮率の低い画像をあまり細かく分け過ぎると、 同時に読み込む画像の数が増え過ぎて、結局重くなってしまったりします。 他の方法だと、画像を徐々に表示する方法もありますよ。 例えば、『インターレースGIF』とか『プログレッシブJPEG』だとか。 最初は粗い画像が表示されて、徐々に細かくなっていくアレです。 欠点としては、ソフトによってはこれらの形式での書き出しや 読み込みができない点が挙げられます。 GIFでしたら、解像度の他に色数を落とすって言うのもテですね。 また、JPEGだったら圧縮率を高くしてやるとか。 まぁ、いずれにしても画質は多少落ちますが。 それから、ちょっと無関係な話になってしまいますが、 単位の話をする時は、大文字と小文字は間違えない方が良いですよ。 特にb(ビット)とB(バイト)では別物になってしまいますので。 両方とも、コンピューターのデータの大きさの単位で、 同時に使われる事もあるので、間違えると混乱しちゃいます(笑) ちなみに、1バイトは8ビットです。

mitoizumi
質問者

お礼

早速「プログレッシブJPEG」を試しました。 これはいいですね。ありがとうございます。 あと、b(ビット)とB(バイト)の表記の違いもご指摘ありがとうございます。 これからいろいろなところに質問すると思うので(笑)気を付けます。

その他の回答 (4)

  • bakutei
  • ベストアンサー率26% (27/103)
回答No.4

HPのTOPは非常に気を使う場所ですね ところでTOPの表示速度についてですが もう一つ御参考までに下記をご覧下さい。

参考URL:
http://bakutei2.virtualave.net/
回答No.3

どんな画像なのかにも寄ると思いますが。 一枚の画像をいくつかに切り分けて、 HTMLのテーブルタグにてくっつけて表示させることで、ある程度回避されることもあります。 後は細かく減色することができるソフトを使い、 色数を減らすことでしょうか... 縮小はどんなソフトをお使いになっているかによりますが、Photoshopあたりを使うと自動的にエッジをぼかしてくれるので比較的キレイに縮小をしてくれます。

mitoizumi
質問者

お礼

ソフトによって縮小した結果が違うのですね。知りませんでした。 今フリーソフトでいろいろ試しているところです。 何とかなりそうです!ありがとうございました!

回答No.2

私も、4ヶ月前からホームページをアップしています。 画像が、大きくて重いということですが、取り込む 時、縮小して小さくしてから貼りこむことにより、 画像を荒らさずに、載せられるかなと思います。 (デジカメならば、解像度をおとして) (取り込んだあと、縮小してもファイルサイズは、  ソフトによりますが、変わらないですから。) また、トップページには、大きな画像は、載せず 小さな画像で対応し、そこから大きな画像にリンクして みてもらうようにしたら、いかがでしょうか?

mitoizumi
質問者

お礼

縮小するとだいぶファイルサイズが変わりますね。 実は画像処理ソフトはMS Paintしかろくに使ったことが無いのですが(お恥ずかしい)、フリーソフトなどで使い勝手のいい物を探しているところです。 ありがとうございました!

  • bakutei
  • ベストアンサー率26% (27/103)
回答No.1

百聞は一見にしかずです 僕のHPトップをご覧下さい 下のURLです。

参考URL:
http://bakutei.virtualave.net/
mitoizumi
質問者

お礼

速度が速くて驚きました。 これが画像の切り分けですね。 さっそく試してみます。 ありがとうございました!

関連するQ&A

  • 縮小表示で画像が表示されなくなった

    OSは Windows Me です。画像を入れているホルダーで 表示⇒縮小表示をクリックすると縮小した画像が表示されていましたが、jpeg画像がアイコンが表示されるのみで画像は表示されなくなりました。bmp画像は表示されます。jpeg画像が縮小表示される方法を教えて下さい。

  • 撮影した画像を表示する方法について

    撮影した画像をパソコンに入れました。フォルダの表示を[縮小版]にしてフォルダ内の画像を確認したところ、JPEGのマークが表示され撮影した画像自体を見ることができません。何方か、撮影した画像自体を表示させる方法を教えていただけないでしょうか。よろしくお願いいたします。OSは、2000になります。

  • 画像をきれいに見せるテクニック

    ホームページビルダーでホームページを作っています。 画像サイズ(1300,800) 解像度300 のjpeg画像を(340,225)に縮小して表示すると, 画像の乱れが大変ひどくなります。 画像をきれいに表示させるには,何か良い方法はないでしょうか。

    • ベストアンサー
    • HTML
  • ホームページの表示速度を早くする方法を教えてください。

    ホームページを新しく作ってサーバーにアップしましたが、 表示するまで20秒以上かかります。 ごく一般に言われているのが、 ・画像を使い過ぎないこと ・トップページを50~60KB以内にすること  (一番ベストと言われている) ・サーバーのスピード らしいのですが、最近作ったページは 画像も少なく、3.32KB で作っています。 ですが、表示に時間がかかります。 以前に作成した PageRank4 のサイトは 54.1KBですが、新しく作ったサイトより早く わずか5秒程度で表示されます。 これは一体どういうことでしょうか? サイトを運営している時間が長いからでしょうか? 多分、関係ないと思うのですが。。。 ちなみに使用しているサーバーは ファーストサーバの40GBのやつです。 トップページが300KBでも表示速度を早くする方法があると聞いたのですが、 どうすれば、表示速度を早くすることができますか? 大変困っています。 詳しい方がおられましたら、 何卒ご教授いただけませんでしょうか。 よろしくお願いします。

  • フォルダ内画像ファイル(Jpeg)縮小表示方法

    OS:Vista にて、フォルダ内画像ファイル(Jpeg)縮小表示しなくなってしまいました?表示>アイコンサイズ変更しても同じく表示されません。 表示方法設定を教えて下さい。宜しくお願いします。

  • 画像の縮小版表示について

    画像の縮小版表示について、タグの[表示]で、[縮小版]に設定すると、通常であれば縮小した画像が表示されるはずですが、JPEGのアイコン表示になってしまったおり、縮小した画像を見ることができなくなっています。[縮小版]に設定後、縮小した画像が表示する方法を何方かご存知でしたら教えてください。

  • 縮小版画像を、『大きくかつ詳細に』表示する方法

    jpgなどの画像をエクスプローラー上の縮小版でより大きく表示したいのです。 下記のページに従ってレジストリの数値をいじって大きくすると、サイズ自体は大きくなるのですが、大きくなった分だけぼやけてしまいます。 http://trendy.nikkeibp.co.jp/article/tec/winxp/20030603/104827/ 大きくした分はっきりとしたサムネイル画像ではないと意味が無いので、大きくかつ詳細なサムネイルで表示したいのですが、どうすればよいのか詳しい方いましたらお知恵を拝借できませんでしょうか。 ちなみに縮小版で表示したい画像はどれもサムネイルよりも大きな画像なので、元画像の解像度が足りないという事はありえません。 ですがレジストリで画質をいじっても変わりませんでした。 OSはXP HOMEのSP3です。

  • JPEG画像のピクセル・ファイルサイズを自動的に縮小・圧縮し、縮小後の画像を表示させる方法

    他サイトのJPEG画像(50KBだったり1MB、3MB、画像許可済み)のピクセル・ファイルサイズをサーバー、CGIなどで自動的に縮小・圧縮し、縮小後の画像を表示させる方法、紹介しているサイトをご存知のかたいらっしゃいませんでしょうか。 <例> http://www.a-neo.com/a.html

    • ベストアンサー
    • CGI
  • htmlでのjpeg表示について

    JPEG画像を表示するHTMLを作成しました。 特定の縦横サイズにJPEGを表示したいのですが画像ファイルによって画像が荒く表示されてしまいます。 なにかよい方法はないでしょうか? htmlでは、imgでheightとwidthを指定しています。 画像ファイルは、JPEG画像を複数ファイル使用します。 heightとwidthを片方だけ指定すると同比率で縮小される方法や 画像を縮小して画面サイズにあわせる方法は確認しています。 画像が複数あるためなにかほかによい方法があればよろしくお願いします。

  • ホームページ作成でウィンドウの大きさに関わらず画像を中心に表示させる方法

    地図の画像(縦横300ピクセルのjpeg)のみがあるページをスタイルシートを使って、作成しているのですが、ブラウザのページ表示領域が縦300ピクセル以上ある場合で、ウィンドウの大きさやディスプレイの解像度がかわっても、常に、ブラウザの表示領域の真ん中に、地図の画像が表示されるようにするにはどのようにしたらよいですか?横方向は対しては真ん中にできるのですが、縦はどのようにしたらよいでしょうか?