大きな画像をすばやく読み込む

Question

大きな画像をすばやく読み込む方法を教えてください。私は、このウェブサイトを見て：

http://vivianoheatingandcooling.com/wp-admin

この

http://iplanwebsites.com/404

これらの両方がかなり大きいイメージですが、彼らは非常に高速にロードします。

http://www.gamefaqs.com/

GameFAQsはこのたくさんのことを行います。また、私は何かを宣伝し、そのコンテンツの両側に2枚の大きな画像を持っていますウェブサイトを見てきました。これらの大きな画像をページコンテンツなどの上にすばやく読み込むにはどうしていますか？ Web最適化のために保存する以外の方法がありますか？

Answer 1

画像の最適化は、他のキーがデザインされ、一つのキーであります最適化が有効です。写真ではそれほど簡単ではありませんが、写真を処理して最適化することができます。

ジャンプするヒツジの場合、画像は実際にはかなり小さく、解像度は賢明です。それは550 x 1900で、重さはわずか150 kです。負荷がかかっているすべてのものを考慮すると、サーバーへの要求はほとんどなく、オーバーヘッドはほとんどありません。これは、ほとんどのインターネット接続で非常に高速になります。

他の画像は、GIF形式の色が非常に少ない画像です。あなたはパレットが比較的限られている場合、PNGとGIFで本当に高解像度の画像を持ち、非常に小さいファイルを得ることができます。これは、これらのフォーマットが輝く場所です。この場合、画像はがpngになるはずです。 pngcrushで処理されるPNG形式の場合、62kbではなく40.5kbです。

だから、画像の最適化とオーバーヘッドの削減（各ビューでユーザーが必要とするものだけを読み込む）は、大きな画像をすばやく読み込むための大きなステップです。

Answer 2

のは、一例としてiplanwebsites.com/404見てみましょう：

1. それは大きな画像ですサイズ（幅×高さ= 550px X 1900px）

2. しかしにより、低品質の画像だ - 、141なぜその画像をロード非常に高速

   だあなたはあなたのイメージを最適化するためのソフトウェアツールを使用することができますが、画像QUALにいくつかの違いが表示されます〜14キロバイトity。

   、他の二つの実施例においても同様

- 彼らは大きな画像を使用しますが、彼らは唯一のいくつかの黒の単純な形状を持っている、そしてそれは、小さなファイルサイズを意味しています。

覚えている：それはおよそだけの幅と高さではありません、それは画質についてもだ、ピクセル数、色数など

ステファン