• ベストアンサー
  • 暇なときにでも

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

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

共感・応援の気持ちを伝えよう!

  • 回答数5
  • 閲覧数273
  • ありがとう数8

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

  • ベストアンサー
  • 回答No.5

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

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

関連するQ&A

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

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

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

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

    • ベストアンサー
    • CGI
  • 撮影した画像を表示する方法について

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

その他の回答 (4)

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

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

参考URL:
http://bakutei2.virtualave.net/

共感・感謝の気持ちを伝えよう!

  • 回答No.3

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

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

  • 回答No.2

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

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

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

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

参考URL:
http://bakutei.virtualave.net/

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • 画像の縮小版表示について

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

  • フォルダ内での画像サムネイルが表示されません。

    質問させて頂きます。 今までフォルダの中にあったJPEG画像は アイコンが縮小した画像で表示されていて 開かなくてもこれがどの画像かが簡単にわかっていたのですが つい昨日あたりから全てのサムネイル表示がされなくなりました。 サムネイル表示させるフリーソフトとかがあるのはわかっているのですが それら他ソフトを入れることなく解決したいと考えています。 OSはVistaです。 解決方法をご存じな方おられましたら是非教えて頂けますようお願いします。

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

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

  • 画像が表示できなくなりました

    先日まではファイル表示の方法を縮小表示にした場合に画像データは画像の中身が表示されていたのですが最近になってそれが出来なくなってしまいました。 これでは縮小表示にする意味がないっていうのとファイルが分かりにくいってので頭を悩ませています。 これは先日配布されたwinの修正パッチの影響なんでしょうか? 解決方法がありましたら教えてください。 お願いします

  • ホームページでの画像表示について

    この度、賃貸物件検索サイトをpostgres & phpを用いて作成しています。 同時に携帯サイトも作成し、WEBのホームページと携帯版のホームページで同じ情報を表示させる予定です。 WEB版に登録した画像(解像度72、サイズは200*300程度)のファイルを携帯版にも流用したいのですが、どうしたらよいのか分かりません…。 そのまま表示させたのではサイズ、容量ともに携帯では表示できません。 関数等で画像の解像度を下げる事は不可能なのでしょうか? やはり携帯用には、小さな画像を登録しなおす必要があるのでしょうか? どうか、よろしくお願い致します。

    • 締切済み
    • PHP
  • htmlでのjpeg表示について

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

  • 他サイトのJPEG画像のファイルサイズを減少するには

    他サイトのJPEG画像のファイルサイズを減少 web上で、他サイトのJPEG画像(50KBだったり1MB、3MB、画像許可済み)のファイルサイズを減少してサルネイム表示(120×90程)できる方法をご存知のかたいらっしゃいませんでしょうか。 アプリではなくドコモの携帯みたいに web上でサイズを縮小して表示させる方法があればなのですが・・ <例> http://www.a-neo.com/a.html

    • ベストアンサー
    • HTML
  • 縮小版画像を、『大きくかつ詳細に』表示する方法

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

  • Photoshop CS3でで小さな寸法の画像にするには?

    Photoshop CS3でで小さな寸法の画像にするには? 「画像解像度」を使うと画像の質が落ちるので(Mac/os.10.4) Photoshop.6なら、「画像解像度」だけで出来たのですが、 Photoshop CS3で「画像解像度」を使うと画像の質が極端に落ちる(見た目が粗くなる)ので、あまり質(見た目の綺麗さ、細やかさ)を落とさずに画像(サイズ)を小さくする方法操作がよくわかりません、お解りの方は、 やさしく教えてくださいよろしくお願いします *「変形」での「拡大縮小」も画像が粗くなります

専門家に質問してみよう