★知って得するイメージの貼り付けかた(*'▽'*)ノ★

 イメージは重い。イメージは読み込みに時間がかかる!(~^T)gでも画質は落としたくない〜とお悩みのあなた!!

 イメージを貼り付けるタグは、<img src="shiro.gif">ですが、ちょっと細工するだけで、イメージの読み込み時間をごまかすことができるようになるのです(*^^*)。


  1. とりあえず先にテキストだけ表示させてごまかす(--)
     ページの最初の方に重いイメージがあると、ページ全体が表示されるのにやたらと時間がかかって困りもの(;_;)ノ。そこで先にテキストを表示させましょう(--)b。

     <img src="shiro.gif" WIDTH=50 WIDTH=50>

     WIDTH=50 WIDTH=50というように、イメージの大きさをあらわすオプションを添えると、ページを表示する際にはイメージの幅だけ確保して、先にテキストを表示させますm(__)m。


  2. とりあえず読み込みを中断されても、何の絵だったのかわかるようにする
     絵があまりに重いと、途中で読み込みを中断されることもあるでしょう(^^;。そんな時でも何の絵だったかを説明するタグを付けておくといいかもしれません。

    ダミー<img src="shiro.gif" WIDTH=50 WIDTH=50 alt="白猫">

     alt=というのは代用テキストを表示させるオプションです。これを使うと右のように表示されます。イメージにリンクを張る際も、altをつけておけば読み込みを途中で中断しても、代用テキストからジャンプできるので、必ず付けておいた方がいいでしょう。


  3. 画像の数を限って、使いまわす('-')b
     画像は1つ読み込むたびに時間がかかります。ならば同じ画像を何度も使いまわせば時間節約(~^T)g。
     また、1ページごとに背景を変えていると、時間がかかる。そういう時には、透過背景を使いましょう。うちのーページでも使っています('-'*..。


  4. 徐々に絵を表示させることでごまかす
     gifの画像を保存する時に、「インターレースgif」を選択します。初めモザイク状になって現れる画像をよく見かけますよね('-')b。アレです。ちなみにうちのページの画像は全て指定していますが、アニメーションgifで指定してもあまり意味がないそうで・・・(^^;。

 などなど(*'▽'*)。他にもありましたら教えてくださいね(*'▽'*)ノ。
猫の広場へ

NEKOROGA-RU
ねころがーる