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

ホームページを早く表示させる方法はあるのですか

ホームページ作成の初心者なのですが、写真などの圧縮はIBMのデジカメの達人やPHOTOSHOPなどを使っています。 いろいろなHPを見ていると、すごく表示が早いものをよく見かけるのですが、何か特別な技術があるのでしょうか。最近では大阪市役所http://www.city.osaka.jp/whatsn.htmlosaka.jp/whatsn.htmlも早いと思いました。プロバイダーや回線に100%まかせるしかないのか、圧縮でも特別な技術があるのか、是非知りたいです。

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

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

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

  • ベストアンサー
  • 回答No.2
  • ARC
  • ベストアンサー率46% (643/1383)

まずはサイト全体の構成から始めるべきだと思います。 どんな軽量化テクニックをもってしても、それによって得られる効果には限度があるので、まずは最初に軽くて使い勝手がよくなるようなサイト全体のレイアウトを考慮することが肝心です。 例えば、トップページなどの「見せる」ことを重視するページでは、情報量を少なくして、高速表示させる。 製品一覧などの「情報を表示する」ページでは、多少遅くなっても、情報量を多くし、レイアウトにもこだわる。 というようにすれば、サイト全体としては「軽い」という評価が得られると思います。 トップページが重ければ、サイト全体の速度が遅いような印象を与えるばかりでなく、せっかく見に来てくれた人が嫌気がさして他のページを見に行ってしまうかもしれません。 とにかく、ページ1枚あたりの情報量を適切に設定すること。これが「軽いサイト」を作るためのコツだと思いますね。 次に「軽いページ」について。 ブラウザの動作としては、まずはHTMLのソースを読み込んで、それを表示する。次に<IMG>等のタグを解析して画像を表示する。 という順序になるので、まずはHTML部を軽く(サイズを小さく)すれば、見かけの表示速度を高速化することができます。 軽いHTMLを作るには、とりあえずは、HTMLの作成を、HPエディタ任せにしないことでしょうか。 HPエディタにもよりますが、作成したページのソースを表示させてみると、要りもしないタグが書かれていたり、一度設定すればいいだけのタグを何度も何度も使用していたりすることがあるので、そういった不要なタグをテキストエディタなどを使って、丹念に取り除くと、ページを軽くすることができます。 次に、画像を軽くする方法なんですが、まずは、大きな写真を使わない。使うときは、トップページに置かない。それ以外のページに置く場合でも、通常はサムネイルを表示させ、それをクリックしたときにだけ大きな画像を表示する。というようにすれば、体感速度はかなり速くなります。 やむを得ず、トップページなどに大きな画像を使用したいときは、画像の圧縮率を上げたり、画像を幾つかのパーツに分割して、読み込み速度を向上させたりするといいでしょう。 あと、使用する画像の色数がそれほど多くない場合、256色や16色に減色してから保存すれば、ファイルサイズを抑えることができます。 画像素材を選択する段階で、圧縮しやすい(似たような色が集まっている画像など)、減色しやすい(色数が多くない)などといった項目にこだわれば、なお軽いページになるんじゃないかと思います。

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

質問者からの補足

大変貴重なご意見ありがとうございます。初歩的な質問で申し訳ございませんが[サムネイル]とは何でしょうか。 それと[画像を幾つかのパーツに分割して]というのは、1枚の写真を分割するという意味でしょうか。現在ホームページビルダーを使っていますが、レイアウト枠というのがそれにあたるのかもしれませんが、よくわかりません。 またおひまなときにお返事いただければ幸いです

関連するQ&A

  • ホームページにデジカメの画像が表示されません

    simpleテキストにHTMLを書き込んで、ホームページを勉強してます。デジカメで撮ったものを、photoshopでwebように、保存して○○○jpegのファイル形式で、テキストにも<img src="○○○.jpg">と書き込んで、同じフォルダーの中に入れておき、アップロードする時も最初のファイルは、index.htmlというプロバイダーの指示に、従っってます。画像以外は、ちゃんと、ネット上で見られます。接続しなければ、画像は表示されます。どうしたら、自分で写した画像がネットでみられるのでしょうか?デジカメでそのままのファイルをのせても、photoshopでwebように保存してもだめです。初心者です。よろしくお願いします。

    • ベストアンサー
    • Mac
  • ホームページの容量を減らす方法

     ホームページをアップロードしなければなりません。しかし、ホームページの容量が大きすぎます。  ホームページは、ホームページビルダーで作られています。  ホームページの容量は、63MBあります。  プロバイダーの容量は、50MBです。  13GBのオーバーです。    <原因>  写真が、デジカメで撮られていて、1枚の写真の容量が大きすぎます。1枚の写真に634kぐらいあります。写真の量も多いです。  そこで、1枚ごとの写真の容量を減らすフリーソフトはないでしょうか。    また、ホームページごと、一気に減らす方法はないでしょうか。そのようなフリーソフトはないでしょうか。  圧縮しても、ホームページが見られればよいです。  5月の連休中に、アップロードする予定がどんどん遅れています。困っています。  よい方法がありましたら、教えてください。よろしくお願いします。  

  • ホームページ作成したいのですが、プロバイダーがわかりません。

    ホームページ作成したいのですが、プロバイダーがわかりません。 初心者の幼稚な質問ですいません。 いくつか質問があります。 1 使っているプロバイダーに依頼すれば、HP維持費が安くなると聞きました。 ところが、 今のプロバイダーがどこなのかわからないのです。 インターネットは、Yahoo のホームページから繋いでいます。メールもyahoo を使っていて、アウトルックは、設定していません。 書類は、大掃除をした時に捨てられました。通帳は家内が持っています。 今使っているプロバイダーを簡単に突き止める方法はないでしょうか? 何とも締まらない話ですが、お叱りを覚悟で質問します。 2 HPの内容は、消費者問題です。 HPを作っているのが私だと、簡単にバレるものでしょうか? 技術をもった人間が調べればわかる…という程度なら、差し支えないですが、 しばらくの間、一般の人には伏せておきたいのです。 幼稚な質問ですが、なにとぞよろしくお願い申し上げます。

その他の回答 (4)

  • 回答No.5
  • ARC
  • ベストアンサー率46% (643/1383)

「サムネイル」ですが、直訳すると親指の爪 …ってのはあんまり関係なくて、要は「小さな画像」ってことです。 表示する画像とは別にそれを縮小した画像を用意しておき、普通はそれを表示させる。 閲覧者がその画像に興味を持てば、その縮小画像をクリックして、より大きな画像を見る。 って感じのインターフェース(操作感)を指します。 「画像を分割する」っていうのは、例えば、1枚の画像を四つ折りにする感じで、4つのパーツに切り分けます。 で、HTML上にてその4つを隣接するように配置し、最終的に1枚の絵として表示されるようにします。 このようにした場合、4つの画像がそれぞれ別々に読み込まれるため、回線を有効に活用することができるのです。 -1枚絵の場合- 「このデータ頂戴」→(しばらく待つ)→データが到着→「次のデータ頂戴」→(しばらく待つ)→… -分割した場合- 「このデータ頂戴」×4→(しばらく待つ)→データが到着→「次のデータ頂戴」→(待ってる間にも他のデータを受信)→データが到着→… イメージとしては、こんな感じです。 それでは! 頑張ってください!

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

質問者からのお礼

ARCさん本当にありがとうございます。前回も詳しい回答を頂きまして感謝しております。良いホームページを作れる様にがんばります。

  • 回答No.4
  • ark2sp
  • ベストアンサー率25% (8/32)

解像度についてですが、単位になるdpiは「dot per nch」の略で1インチ当りのドットの構成要素数を表しています。HPでモニターで見せる(見る)ことを前提としているならば72dpi以上にする必要が無いと思います。これはモニターの表示解像度72dpiのためです。 但しビューワなどで拡大すると荒くなってしまいます。 とにかく文字と画像の両方が混在するページでは、画像サイズを30KB以内に納めないとテンポが悪くなると思います。 また、Photshopを使用しているのであれば、解像度と画像サイズを自由自在に操れます。また、圧縮方法もJPEG形式では10段階で選べプログレッシブJPEGを作ることも可能です。 ちなみにサムネールとは90x120ピクセル程度の約4~5KBの小さな画像のこです。これを1ページに数枚羅列し、その小さい画像にリンクを貼って、リンク先に大きな画像を配置させると画像をたくさん紹介するHPにとってガイドの役割を果たします。

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

質問者からのお礼

ark2spさんありがとうございます。デジカメで80万画そ 以上はHPで表示させるのに関係ないといった友達の話ぐらいしか知らなかった私にとって、とても具体的で、わかりやすいアドバイスでした

  • 回答No.3
  • cricket
  • ベストアンサー率22% (107/466)

例えば写真をスキャナで取り込む場合で話しますと、 (僕の場合って事。) A4が読めるスキャナで写真を取ると数十MBになります。写真以外の空白の所も取り込むとそうなります。 写真の所だけに範囲を絞っても数MB。とても重い。 1200dpiで取り込むことも状況に寄ります。 僕は、300dpiで写真を取り込み、取り込む範囲も限定し、しかも取り込むときの設定で、「出力サイズ」を1cm角位の小さい物にします。ここまでやって数十KB。 これをさらにJPEGで圧縮保存します。 ホームページに張り付ける、小さい写真ならこれで十分です。 後は用途に応じて、dpiとか出力サイズや諸々を加減します。サイズが大きな物は容量が大きくなるのも仕方がありません。 ページの構成や、設計も複雑になれば表示を重たくします。 でも、表示速度を犠牲にしても表現したい画像のイメージを大切にするなら、それはそれで正しい姿とも思います。 頑張って下さい。

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

質問者からのお礼

cricketさんありがとうございます。私はスキャナーで読むときは最大解像度にしてから、あとで圧縮するのだと思っていました。でもそれでは、圧縮に限界があるしどうしようと思っていたところでした。貴重なお返事ありがとうございました。

  • 回答No.1
noname#4643
noname#4643

基本的なことですが、ファイルサイズの大きな画像を使わないことではないでしょうか。画面上で同じサイズに見える画像でも、GIF形式、PNG形式、JPEG形式ではそれぞれファイルサイズがちがってきますし、JPEG形式では圧縮率を変えることで相当ファイルサイズが変わってきます。 また、テーブルをあまり大きなサイズにしてしまうと表示に時間がかかります。気をつけた方がよいです。 大阪市役所のサイトのトップページをみましたが、画像を最小限にして、文字でメニューを構成しているのがスピーディな表示の要因だと思いました。

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

質問者からのお礼

ありがとうございます。たしかに良く見てみると市役所のページは写真が少なく、写真のあるページは少し重たかったです。最初の方でスピードが速いと全体に早く感じるという心理が働くということに気が付きました。

関連するQ&A

  • XAMPPへホームページをアップロードする方法

    XAMPP初心者です。 市販の本からXAMPPをインストールして自宅サーバーを立ち上げましたが、IBMのホームページビルダーで作成したホームページをアップロードする方法が分りません。今までは、OCNのプロバイダーのサーバーに プロバイダーの選択:OCNホームページサービス お客様のWEBサーバー名:www1.ocn.ne.jp WEBアカウント:*******(チルダーから下の記号) WEBパスワード:*******(任意の数字) 転送先フォルダ:public_html で HPを更新する度にアップロードしてましたが、XAMPPで作った自宅サーバーには、上記の設定方法はどう記入したらいいのか どなたかお教え願えないでしょうか? 本当に入門質問で申し訳ないのですが、「教えてgoo」を探しても バカげている質問なのか ありません。

  • ホームページのリニューアル方法について教えてください。

    ホームページのリニューアル方法について教えてください。 ■職場のホームページをリニューアルしたいと思っています。ホームページ作成は初心者です。ソフトはホームページビルダーを使用する予定です。 トップページから全てを新しくしたいです。現在のページは「過去のホームページ」としてリンクして残したいです。 ■自宅で作成したデータを職場でアップする、というのが理想です。可能でしょうか。ちなみに、自宅と職場ではプロバイダーは異なります。また、自宅はビルダー10、職場はビルダー6とソフトのバージョンも異なります。私の技術では、それほど高度なことはできないと思いますので、シンプルな構造のページ作りになるかと思います。 (プルダウンのナビゲーションバーは取り入れたいです。これが高度なことなのかも分かっていません。) ■そこで質問です。 (1)どのような手順で作業を進めればよいのでしょうか? (2)作成したニューページが正しく表示されるかどうかを、正式HPにアップする前に確認する方法はありますか? 素人のため、言葉足らずで申し訳ありません。 どのようなアドバイスでもよろしいので、是非教えていただけると助かります。 よろしくお願いします。

  • 日付も印刷したい

    キャノンIXY400とphotoshop element2.0を使っていますが撮影時の日付が印刷されません。デジカメの達人(IBM)を使えばできます。日付を印刷する方法はないでしょうか。パソコンを使用せずダイレクトにプリンターで印刷すれば日付が印刷されますが文字が非常に小さく見えにくいのですが大きくする方法はないでしょうか?よろしくお願いします。

  • IBM デジカメの達人 version3について

    デジカメ:canon IXY200を使用してます。 1、付属ソフト: ・ArcSoft CAmere Suite ・DIGITAL CAMERE Solution Disk 2、IBMのHPビルダー購入の際ついてきてソフト:IBM デジカメの達人 version3  1,2,どちらもインストールする必要はあるのでしょうか。機能がかぶっている部分があるのであれば、空き容量があまりないので、省きたいのですが。  私の目的はHP上に載せる、はがきやカレンダーとして編集することです。

  • DTIでのホームページ作成したいのですが、トータルではSo-net、OCNとどちらが良いですか

    素人ですので、とんちんかんな質問でしたらすみません。以下の2点につきアドバイスいただきたくお願いします。 1.現在イーアクセスによるDTIへの加入をしています。インターネット環境はまずますなのですが、この度、ブログの作成では満足できず、本格的なホームページを開設したいと考えています。 ところが、DTIのHPを見ても、実際に開設の糸口も掴めません。 もともとDTIはHPの表現もユーザーフレンドリーではなく、判りにくいのですが、どこからどのように入って手続きをすれば良いのでしょうか?どなたか教えて下さい。 2.今回のホームページ開設を機に、DTIをやめて他のプロバイダー=例えばSo-netやOCNに変えようかと思うのですが、一方ではDTIは回線状況が良いので、無理に変えたくないと考えています。 果たしてSo-netやOCNにプロバイダーを変えた場合、回線速度はDTIと同じくらいでしょうか?トータルとしてみて、どのプロバイダーが良いのでしょうか?教えていただきたく。

  • プロバイダーの無料範囲でHPを作成したいです。

    カシオのQV-R4のデジカメを購入し、 これからオークションに出品して行こうと検討中のなか、 自分が加入しているプロバイダー●CNに無料で10MBまでの HPを作る事が可能なのを思いだし、作ってみようかな?! と思ってます。 でも、HPなんて見るだけで作るなんて・・・です。 プロバイダーさんを見てみると色々素材等用意してくれてる みたいなんですが、簡単に出来るでしょうか? 10MBってどれくらいなんでしょう? 購入したデジカメが400万画素なんですが、やはり圧縮とか 必要なんでしょうか? 本当に初心者ですので、わかりやすく教えて頂けたら・・・ と思っております。

  • デジカメの写真を縮小させたい

    デジカメで撮った写真をパソコンになんとかとりこみました。 マイドキュメントのマイピクチャにはいっています。 でもこれじゃあでかすぎます。 HPにのせるのでもっと軽く小さく、画像は多少悪くなってもいいのでしたいです。 どうすればいいのでしょうか。いろいろやってみたけどできませんでした。 フォトショップはありません。ペイントがはいっています。 これを画像圧縮?というのでしょうか。 至急やらなければいけません。すごく困っています。おしえてください。

  • 大阪市バスの乗り継ぎ方法

    大阪市バスの乗り継ぎ方法 現在、妊娠中なので普段はお散歩がてらに自転車で30分ほどかけていける銀行に 今回はバスで行こうと思っています。 ただ、今までにそんなにバスに乗ったことがないので金額等よくわかりません。 HPをみてみると http://www.kotsu.city.osaka.jp/eigyou/price/noritugi_1.html バスからバスへの乗り継ぎは90分以内なら一回でき、200円のみで行けるとあります。 では、たとえば銀行に行って手続きをするだけなので 全く同じルートの逆バージョン?をたどっても合計200円でいけるということでいいのでしょうか? 乗り継ぎというとどうも他の目的地へ行く、というイメージがあるので こういう方法はダメなのかなぁ…と思いまして。 ラガールカードを持っていますのでそれを使う予定でいます。 もし、もっと他にお得な方法があればそちらもあわせて教えていただければと思います。 (200円が最安値ですからもうないですかね…) 宜しくお願いします。

  • ホームページ作成について

    よろしくお願いします。先日は多くの方にご回答、ご指導、アドバイスをいただき本当にありがとうございました。助かりました。 実は新たにわからないことが出てまいりましたので教えてください。 現在、50名位在籍している同業者団体の会(個人商店の集まり)で自力でホームページ(HP)を作ろうと計画しています。私は費用や仕様等の見積係を仰せつかりいろいろ調べているところです。初歩的なことで恐縮ですが再度教えていただきたく投稿しました。 なお、HP作成の目的は会の活動の一般への告知と会員専用スペースをつくって会員同士の情報交換や資料閲覧のためです。ショップは作成せず商品の販売などは一切致しません。 現状の個人が普通にネットにつないで(ADSLです)メールやHP閲覧ができる状況をできるだけ活用してやっていきたいという方針とお考え下さい。 今回の悩みのポイントは会のホームページを運営していく際に、現状の個人のものと混ざらないように、できればうまいこと住み分けしたいと考えています。 そこで、 (1)現状の仕様のままで会のHPを運営することは可能でしょうか?また、会専用に別のプロバイダと新たに契約する必要があるでしょうか?また新規に回線を通す必要があるでしょうか? (2)現状月額定額で契約しているのでいくらネットを使っても、月にかかる回線利用料およびプロバイダの費用は一定です。とすると、現状のままのネット環境で対応できるとしたら、例えば会のHP用にレンタルサーバーを借りるとして、その費用しか別途に発生しないという認識は正しいでしょうか? (3)個人と会の住み分けを考えて、パソコン1台で個人のネット環境と会のHP運営部分をうまくやっていくには具体的にはどのような方法が好ましいのでしょうか?あるいはそれはできないので新規にパソコンを導入する必要がありますでしょうか? よろしくお願いします。こんな素人でも何とか自分たちで開設できるまで頑張りたいと思っております。さじを投げないでご指導いただけたらありがたいです。本当に恐縮です。

  • デジカメ写真のトリミング加工について

    ホームページに載せる画像を加工中なのですが、きれいな仕上がりにならなくて困ってます。 加工は主にトリミングです。 トリミング自体も手間取ったのですが、仕上がりのギザギザがかなり気になります。 他のホームページなどもいろいろ拝見したのですが、私の画像はひどすぎる気がします。 デジカメ撮影するときの解像度が問題なのか、PC上で表示するサイズの問題なのか・・・? 何が何だか分からず、目ばかりチカチカしてきます。 画像の切り抜きも、こんなに時間を掛けてする細かい作業なんでしょうか? それとも使いこなしていないだけなんでしょうか・・・? 沢山の画像を載せたいと思っているので、気が遠くなります。 よい方法やアドバイス等ありましたらよろしくお願いいたします。 ちなみにデジカメはエプソン・CP-700Z、パソコンのソフトはIBM・デジカメの達人2000と、アイフォー・デジカメNinja2003プラスフォトレタッチの両方で格闘中です。

専門家に質問してみよう