ウェブページの画像を素早く表示する方法とテクニック

1. .jpg ではなく .gif を使用します。GIF は JPG に比べてサイズが小さくなります。
1. 画像は .jpg 形式ではなく .gifs 形式で保存します。前者は後者よりもサイズが小さいためです。
2. 画像には「高さ」と「幅」のタグを使用します。これにより、ページの読み込み中に画像用のスペースが確保され、訪問者は画像の読み込み中にコンテンツを閲覧できるようになります。
2. 高さと幅のタグを使用して画像を設定します。この方法では、Web ページは画像用のスペースを予約でき、訪問者は画像のダウンロード中に Web ページのコンテンツを閲覧できます。
3. 大きな画像を使用する場合は、画像をスライスして、部分ごとに読み込むようにします。このためには、HSPACE=0 や VSPACE=0 などの img タグを使用できます。
3. 大きな画像を使用する場合は、画像を分割し、各部分を順番にダウンロードします。この場合、HSPACE=0 および VSPACE=0 の画像タグを使用できます。
ウェブページの画像を素早く表示する方法とテクニック_123WORDPRESS.COMjb51.net

ウェブページの画像を素早く表示する方法とテクニック_123WORDPRESS.COMjb51.net

最適化された画像 (gif 形式、2 つの部分にスライス、幅と高さのタグ付き、HSPACE=0 および VSPACE=0): 最適化された画像 (gif 形式、幅と高さを設定、HSPACE=0 および VSPACE=0)
4. 画像サイズを縮小する画像圧縮ソフトウェアを使用します。画像サイズを縮小するほど、画質が低下することに注意してください。
4. 画像圧縮ソフトウェアを使用して画像サイズを縮小します。覚えておいてください: 画像サイズが小さいほど、品質は低くなります。次の 2 つの Web サイトにログインすると、関連情報やソフトウェアを入手できます。
http://www.spinwave.com/index.html
http://www.macromedia.com/software/fireworks/
5. 表示する画像が多数ある場合は、10 枚の画像を含む長いページではなく、「次の画像 >」などのようにページをリンクして、画像を別のページに配置します。
5. 表示する画像が多数ある場合は、「次のページ」などの Web ページへのリンクや、その他の同様のコンテンツを使用できます。写真は異なる Web ページに配置する必要があります。1 つの Web ページに 10 枚の写真を置かないでください。
6. 類似の画像が必要な場合は、同じ画像を繰り返し使用します。たとえば、Web サイトのすべてのページに大きなヘッダーグラフィックを配置する場合などです。次に、同じグラフィックを使用して、Web サイトのすべてのページにリンクします。
6. 必要に応じて画像を繰り返し使用できます。たとえば、すべての Web ページのヘッダーに同じ大きな画像を設定し、この画像を使用して Web サイトのすべての Web ページにリンクすることができます。
7. Flash プレゼンテーション、マウスオーバー、アニメーションなどにより、ページのダウンロード時間が長くなります。そのため、これらの代わりに HTML を使用できる場合は、それを使用してください。
7. Flash、マウスオーバー、アニメーションなどのコンテンツは Web サイトのダウンロード時間を長くするため、これらのコンテンツを HTML に置き換えるのが最適です。

<<: MySQLカスタム変数の概念と特徴

>>: CSS シャドウアニメーションの最適化のヒント