facebook、google plus などのサイトでは、この方法を使用して保存できるメモリのバイト数を 1 つの画像にまとめています。
4 に答える
メモリを節約していません。サーバーへの HTTP 要求が少なくなるため、帯域幅が節約されます。
コメント セクションで指摘されて@iccthedral
いるように、現在は単一の画像 => 保存されたバイトの合計量 = であるため、実際にはバイトを節約していますnumberOfPictures * sizeof(pngHeader)
。
これを介して呼び出されCSS Image Spriting
、HTTP リクエストをサーバーに保存できます。このメソッドを使用すると、1 つの HTTP リクエストがサーバーに送られ、CSS Image Spriting
. だから今、私たちのほとんどはこの方法を使用しています:
についてもっと読むCSS Image Spriting
どれだけのメモリが節約されるかという問題ではなく、画像をスプライトに入れることで「実行しない」ことを要求するhttpの数です。サイトの読み込みが速くなります
画像のkbの量は、+-同じ、個別、またはスプライトのままになります
これらの画像はCSS 画像スプライトと呼ばれます。これらは、メモリを節約するためではなく、サーバー リクエストを最小限に抑えるために使用されます。
また、SVG アイコンの使用を検討することもできます。SVG アイコンは少し重くなりますが、同じアイコンを異なるサイズで使用する必要がある場合は、スペースを節約するために効率的に使用できます。読むのに適した資料は次のとおりです。Resolution Independence With SVG