CSS Spriteとは何か、この技術の長所と短所について話します

CSS Spritesはウェブページの画像応用処理方式であり、ウェブページのいくつかの背景画像を1枚の画像ファイルに統合し、CSSの“background-image”，“background- repeat”，“background-position”の組み合わせを再利用して背景位置決めを行う.利点は次のとおりです.

ウェブページのhttpリクエストを減らし、性能を高めることもCSS Spritesの最大の利点であり、広く伝播され、応用されている主な原因でもある.

ピクチャのバイト数を減らす:複数のピクチャが1つのピクチャに結合されたバイト数は、複数のピクチャのバイト数の合計数よりも小さい.

はネーミングの悩みを減らしました:1枚の集合の画像にネーミングするだけで、すべての小さな要素にネーミングして制作効率を高める必要はありません;

スタイルの変更が便利:1枚または複数の画像で画像の色やスタイルを変更するだけで、Webページ全体のスタイルを変更することができ、メンテナンスがより便利になります.

確かにCSS Spritesはこのように強力ですが、無視できない欠点もあります.

画像の合成は面倒です.

背景設定の場合、各背景ユニットの正確な位置を得る必要がある.

合成画像を維持する場合は、既存の画像を変更するのではなく、下に画像を追加することが望ましい.