• 締切済み

webデザイン

大きな画像を使ってるくせに、表示があっという間のサイトをいくつか見かけるんですが、こーゆーのってどーやるんでしょうか? 例えば、大きののクリッカブルマップ、大きな写真とか。 なんかjavascriptとかのトリックがあるんでしょうか?

noname#12387
noname#12387
  • CSS
  • 回答数2
  • ありがとう数2

みんなの回答

  • o-ae
  • ベストアンサー率18% (26/140)
回答No.2

1)画像のサイズを必要最小限にする(例えば、余白をゼロにする) 2)画像の圧縮率を上げる この2点でしょうか。

noname#12387
質問者

お礼

圧縮率…がイマイチよくわかんないです。すんません。フォトショップでトリミングしたりサイズを小さくしてるので、余白のことはわかるんですが…。フォロー頂けたら幸いです。

  • nitto3
  • ベストアンサー率21% (2656/12205)
回答No.1

特別なことは何もありません、画像のファイル容量を限界まで落とす、 プロバイダーの優秀なところを使う、くらいなものです。 あなたがアクセスしてメモリーに残っている内は表示は速いですよ。

noname#12387
質問者

お礼

プロバイダも関係してくるんですか!それは知りませんでした!ありがとうございました。

関連するQ&A

  • クリッカブルマップとインラインフレームを組み合わせたい

    こんにちは。自分でも検索してしらべたのですが、どうしてもわからないので、質問させていただきます。 現在、ページを製作中なのですが、タイトルのとおり、クリッカブルマップ画像の上にインラインフレームを組み合わせる方法がわからず、困っています。 透過したインラインフレームを、女の子の画像に重ねて表示してあります。この女の子の画像にメニューが書いてあるので、それをクリッカブルマップにして、インラインフレームにリンクを表示したいと思っています。 画像の上にインラインフレームを重ねて表示するのには成功しましたが、クリッカブルマップのタグを書き加えると、画面が真っ白になってしまいます。 クリッカブルとインラインを組み合わせたデザインのサイトは結構あるので参考にしようとしてみましたが今いちわからなくて・・・ 回答よろしくお願いします。

  • XPで見るとデザインが崩れる

    VistaでHPをつくったのですが XPで見るとクリッカブルマップの部分がクリックできなかったり 画像などが妙に大きく表示されておさまりきっていません。 (お気に入りを消してF11でやっと見れる感じです) ちなみにXPもVistaもIE7です。 急ぎなので困っています>< 教えてください。

  • クリッカブルマップの部分的な画像の入れ替え

    HTMLの頁に大きな一枚の画像を貼り付け、クリッカブルマップで7か所にリンクボタンを作りました。マウスがリンクボタン上に来た時、そのボタンエリアにだけ違う画像を表示したいのですが、どなたかお教え願えないでしょうか?当方javascriptは初心者です。よろしくお願いします。

    • ベストアンサー
    • HTML
  • クリッカブルマップ+カーソル変更

    私のサイトでは、カーソルを画像に変更して使っていて、リンクに触れるとカーソル画像が変わる、っていう設定にしているんですが、クリッカブルマップで指定したリンクではカーソルが変わりません。 どうすればクリッカブルマップのリンクもカーソルをかえられますか? ちなみに、カーソルの指定はスタイルシートの外部指定でやっていますが、クリッカブルマップではないリンクでは、ちゃんとカーソルが変わります。

  • 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」って出来ますか?

    こんにちは。 【C-Map0.79】や普通のHTMLタグでクリッカブルマップを作成し、その画像を背景(前面写真:1024×768)に持ってくることって出来ますか? 普通のHTMLタグにある、【<img src="画像のURL" usemap="#上でつけたのと同じ名前" alt="説明">】のところに、画像(前面写真:1024×768)を持ってくるとスクロールしなければならない上、背景に設定したようにならず隙間が出来ます。 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」というのは不可能でしょうか?

    • ベストアンサー
    • HTML
  • クリックするとページ内の別の場所の画像が変更

    クリッカブルマップを設定した地図(添付画像左)があります。 添付画像の右側のグレー部分に番号と関連した画像が表示されるようにしたいのですが、 どのようにしたら出来るのでしょうか? javascriptを使わないとできないのでしょうか? そうでしたら、ソースもご教授願えれば助かります。 javascriptを使用しない方法ならなお助かります。 よろしくお願いいたします。 手持ちソフト Adobe Dreamweaver、 Photoshop、Flash Professional CS5

  • クリッカブルマップでリモートロールオーバー

    過去の質問を見ましたが、ソフトを使ったやり方でしたので、改めて質問させていただきます。 1つの画像の中にクリッカブルマップを3つ貼り、リモートロールオーバーで別の場所にある画像を変更させたいと考えています。 別場所に表示される画像からもリンクができるとうれしいです。 できればjavascriptは別ファイルにしたいのですが、htmlファイルに書き込む形でも構いませんので、方法を教えていただければと思います。 どうぞよろしくお願いいたします。

  • 画像毎に違うクリッカブルマップを設定したい

    地図画像を表示して複数のクリッカブルマップを配置し、ユーザが選択したら、詳細地図を表示してさらにそこでもクリッカブルマップを配置して、、、 という階層的に地図を辿られるようなコンテンツをつくろうと思っています。 JavaScriptで制御できると思って以下のようなコードを書いたのですが、 初期画像において、クリッカブルマップ(alt=area1)を押せば正常に動作しますが、 もう一方のクリッカブルマップ(alt=area2)を押すと、 IE6の場合にエラーが発生してブラウザが終了してしまいます。 尚、FireFoxでは正常に動作します。 どこに原因があるかも分らず手詰まり状態です。 同じ現象にあわれた方で解決策をご存知の方がいらっしゃれば、ご教授下さいm(_ _)m <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <script type="text/javascript"> <!-- function ChangeImg(mapname,usemapname) { document.map0.src = mapname; document.map0.useMap = usemapname; } //--> </script> </head> <body> <img src="map0.jpg" width="300" height="300" name="map0" useMap="#usemap0"> <map name="usemap0"> <area href="JavaScript:ChangeImg('map1.jpg','#usemap1')" shape="rect" alt="area1" coords="10,100,140,200"> <area href="JavaScript:ChangeImg('map2.jpg','#usemap2')" shape="rect" alt="area2" coords="150,100,290,200"> </map> <map name="usemap1"> <area href="http://google.co.jp" shape="rect" alt="shop1" coords="50,50,250,250"> </map> <map name="usemap2"> <area href="http://yahoo.co.jp" shape="rect" alt="shop2" coords="50,50,250,250"> </map> </body> </html>

  • クリッカブルマップで・・・

    ランダムにクリッカブルマップを出す事は出来るでしょうか? どこのホームページを見ても ランダム画像まででクリッカブルマップの説明はないんです。 どうしたらランダムにクリッカブルマップを出す事が出来るんでしょうか? どなたか教えてください・・・。

  • クリッカブルマップを使わず同じ効果を得たい…。

    出来るかも分からないのですが、宜しくお願いします。 題名の通りなのですが、クリッカブルマップのように1枚の画像上に複数箇所のリンクを設定したいのですが、クリッカブルマップ自体は使用したくありません。 そこで、質問なのですがHTMLやCSSを工夫することで、またはJavascriptを使うことで、こういった指定が実現可能でしょうか? 実際には、良くある地図みたいに地域ごとの形でリンクの設定が出来ればと思います。 なお、FlashはNGとさせてください。 どなたか、ご存知の方いらっしゃいましたらアドバイス頂けないでしょうか。 宜しくお願いします。

    • ベストアンサー
    • CSS