• ベストアンサー

HPでの画像(写真)添付について

今、HPを作成しています。 全てタグを打ち込んでいます。 しかし、写真が多いせいか、1ページを表示するのにかなりの時間がかかります。 写真中心サイトなので、あまり画質を落とすことは避けたいと思っています。 (それしか、方法が無いようなら仕方ありませんが・・・) サムネイル表示をしたいので、大体1ページに20枚前後の写真を載せたいと 考えています。 何か早く表示できるような方法はありませんでしょうか? PCへ取り込んだ(スキャナー使用)写真の加工はある程度できます。 よろしくお願い致します。

  • CSS
  • 回答数5
  • ありがとう数2

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

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

ひろと申します。 私もタグを打ち込んでHPを作っていますが、画像は少な目に収めないとどうにもならないところもありますね。Jpeg形式はぼかすと圧縮率が上がります。枠などとして周辺をぼかしたりして、中心部の解像度はそのままに軽くすることは可能です。

youjia
質問者

お礼

早速のアドバイスありがとうございます。 周りをぼかすんですね。 試してみます。

その他の回答 (4)

  • kee
  • ベストアンサー率13% (63/457)
回答No.5

imgタグのLOWSRCなどを使用します。 そして、一枚の絵を何分割かして、一枚の絵とします。 プログレシッブJPEGなども併用すると良いでしょう。 すると、読み込む単位が細かくなるので、レスポンスタイムが短くなります。 もち、お使いのブラウザによります。

  • the845s
  • ベストアンサー率34% (61/176)
回答No.4

必要な時に読みこむので良いのではないでしょうか。 読む側にとって必要で無い画像まで読みこんで時間が掛かるよりはマシでは? あと気になったのですが、 もともと、小さい画像で表示させておき、そこへ元の画像をリンクというのもやっていないのですね。 通常、元の画像をリサイズして縮小表示しておき、リンクで元の画像を表示するという方法を取ります。 縮小された画像は、画像ソフト自体で変更しているもので、 <img src="">で縮小するわけではありません。

noname#102878
noname#102878
回答No.3

サムネイルは縮小してサイズを軽くした画像で作り、その画像をクリックしたら元の大きさの画像を表示するようにすれば良いのでは?

  • the845s
  • ベストアンサー率34% (61/176)
回答No.2

全ての部分を表示しなくても、 その写真のうちの、重要な部分をクローズアップし、 そこだけを切りぬいてそれを表示させておくのはいかがでしょう。 実際の写真は、その画像からリンクさせておくとか。

youjia
質問者

お礼

全てを始めに表示しておかないと、結局PCには画像は取り込まれていなくて、 後からその写真をクリックした時にやはり、表示に時間がかかると思うのですが・・・ どうなのでしょう?

関連するQ&A

  • 綺麗な写真アルバムのHPを作りたい☆

    みなさんこんばんは☆ ホームページビルダー2001 ver.5.0 での質問です。 写真を公開するHPを製作しているところなのですが、よく写真系のサイトで見かけるレイアウトにしたいのですが、どういう風に作ればアップ等がしやすく出来るのでしょうか? 具体的には、アルバムトップページにサムネイルを配置し、クリックすると写真が表示されるようにしたいのですが、写真が表示される際、写真ファイルに直接リンクするのではなく、写真を中心に配置し、少々のコメントとサムネイルの前後へのリンクも貼りたいのですが、そうすると写真の枚数分ページを作成しなければならないですよね? 一枚一枚最初から作成すると大変なので、全てのページを統一し、写真とコメントを挿入するだけで出来上がるようにしたいのですが、何か良い方法はありますでしょうか? スタイルシートというものを使えば出来そうなのですが、使い方がさっぱりわからないので・・・。 どなたかお助けください(>_<)! 宜しくお願いいたします。

  • HPでの写真の見せ方

    写真のギャラリーのHPを作っているのですが、どうやって写真を表示すれば良いのか悩んでいます。 サムネイルを作るか、最初から画像を一覧表示するか、タイトルだけ出してクリックすると画像が出るようにするか、など・・・。 なるべく重くならないように、見やすいページにしたいのですが、どんな方法が一番ベストなのか教えてください。

    • ベストアンサー
    • CSS
  • HPでの写真の表示方法

    HPでよく見かけるのですが、 写真の縁だけをボカシて表示する方法が知りたいのです。 タグの入力のしかたを教えて下さい。

    • ベストアンサー
    • CSS
  • HPにサムネイルを表示したい

    WinXP+HPビルダーで、簡単なタグやJavaScriptでHPを作っています。  現在、写真を並べているページがあるのですが、すべての写真を800*600と160*120に画像を用意して、表の中に180*120の写真を入れて横に説明を書いて、その写真もしくは説明をクリックすると800*600の画像にLINKしてあり、表示するようにしています。  ただ、その作業が面倒なので、何か良い方法がないのかと思っているのですが、JavaScriptでサムネイルを表示させておけば、同じようなことが出来るらしいという事がわかりました。どのようなScriptを書けば良いのか?お手本になるようなページを紹介していただけないでしょうか?  できることなら、ご自分のページもしくは、ご自分が参考にされて作成してページを紹介していただけると助かるのですが。

  • HPの写真が重いんです・・。

    HPに写真をたくさん載せています。 友達から、重くってなかなか見れないって言われちゃいました。 どんなふうにすれば、画質をある程度保って、軽くできるんでしょうか? 一ページに載せる写真の数を減らしたらましになるんでしょうか?? アイコンなんかも使いすぎると重くなるんでしょうか?

  • HP内の写真などが表示されません。

    HP内の写真などが表示されません。 例えばこちらのサイト↓ http://www.ladyluckluca.com/catalogue.php 私のPCではタイトル、目次タグだけしか見えず、きっと中心には洋服の写真が表示されるはずなのですが、左上に5mm角のアイコンが表示されるだけです。 どのようにしたら画像が表示されますか? 教えてください。

  • HPでサムネイルページが開きにくい

    お世話になってます。 HPでサムネイルのページを作りましたが、 実際、表示が出来たり出来なかったり、マチマチで困りました。 内容は、140×80ピクセル の縮小された写真が 25枚並んでます。 このサムネイルのページは、リンクで 別ウィンドウ _blankで表示しました。 この先さらに、写真を追加しなければなりませんが、不安で。 140ピクセルが大き過ぎる?! 別ウィンドウ表示は良くない?! ただ、大きめのサムネイルを、1つのページに表示するのは、 イメージしやすくイイとの事で。。 私素人ですが、どうすればよろしいでしょうか。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 簡単ホームページでの画像表示について

    簡単ホームページで、自分の描いたイラストを表示させたいと考えています。タグの入力で、サムネイルから画像にリンクすることは出来たのですが、サムネイルをクリックするとその同ページに画像を表示する仕方がわかりません。理想としては、イラストのタイトルのみを表示させ、そのタイトルをクリックするとイラストがそのページに表示させるようにしたいです。この質問の仕方であってるのかもわかりませんが、教えていただけないでしょうか。お願いいたします。

  • HPの写真閲覧で~1.jpg→~2.jpg等簡単に閲覧できる方法

    HPの写真閲覧で例えば写真が50枚あるページの時 サムネイル一覧で小さく表示してあるHPなら良いのですが 次へを50回クリックして文や広告を同時に閲覧するしかないHPでの質問です。 広告や文を見たくない時、良くやるのが写真のURLのみ表示して末尾を~1.jpg→~2.jpg ~ ~50.jpg等 打ち直して見てるのですがもっと便利な方法として (1)サムネイル表示化できるソフトやサイトご存知のい方いらっしゃいますか? (2)もしくは~1.jpg→~2.jpgを自分で打つのではな クリックひとつで~1.jpg→~2.jpgへ進めるソフトやサイトご存知のい方いらっしゃいますか? よろしくお願いします。

  • 掲載写真の拡大

    WEBページ等に掲載したサムネイル写真をクリックして拡大写真にする方法を教えて頂きたく、お願いします。 サムネイル写真と別ページに作成した拡大写真をリンクでつなげる方法しかないのであれば、だいたい分かるような気がします。