css - 自動化されたCSSSprites-csssprites.org

Question

これがSOにあるべきではない質問である場合は、私に知らせてください。

誰かがウェブサイトを試しましたか：http：
//csssprites.org/

CSSスプライトを自動生成して使用するには？あなたの考えは何ですか？実装を考えています（パフォーマンスを向上させるための新しい方法を常に探しています）

Answer 1

はい、スプライトはサイトをスピードアップします

• より少ないHTTPリクエスト
• すべての画像にある小さなオーバーヘッドを避けてください

アイコンなどに意味があります

欠点は

• 1つのアイコンを変更するのがより難しい
• 個々のアイコンをキャッシュ制御できません

Answer 2

私はCSSスプライトを使用して最初のスプライトを作成しましたが、個人的には、大きな正方形のスプライトよりもスプライトのストリップ（つまり、長くて薄い）を作成する方が簡単であるため、自分でそれらを切り刻む傾向があります。あなたはそれらを作成するために使用される規則を理解しています。

Answer 3

.netを使用している場合は、http：//www.RequestReduce.comを確認してください。スプライトファイルを自動的に作成するだけでなく、すべてのCSSをマージおよび縮小するとともに、HttpModuleを介してオンザフライで作成します。また、量子化とロスレス圧縮を使用してスプライトイメージを最適化し、ETagとExpiresヘッダーを使用して生成されたファイルの提供を処理し、最適なブラウザーキャッシングを保証します。セットアップは簡単で、web.configを変更するだけです。Microsoft VisualStudioおよびMSDNサンプルギャラリーによる採用については、私のブログ投稿を参照してください。