簡単な紹介: CSS スプライトは、画像ファイルに対する HTTP 接続リクエストの数を効果的に削減できます。複数の画像は、一定の距離を置いて 1 つの大きな画像ファイルに結合されます。ページ上でこれらの画像を使用する要素は、CSS の背景位置プロパティを使用します。結合画像内の指定した位置を表示します。このテクノロジは、特に Web ページ上に多数のメニュー バー アイコンなど、小さい画像が多数ある場合に、Web サイトのパフォーマンスを効果的に向上させることができます。
ここでは、Realazy の CSS スプライト テクノロジについて詳しく説明します。CSS スプライトは、CSS 画像ステッチングに変換されています。 by me. 、抗議しないことを願っています: P もっと良い翻訳がある場合は、ぜひ提案してください ^^
以下は、多数の小さな画像を ZIP ファイルにパックしてアップロードする CSS 画像ステッチング ジェネレーターです。と貼り合わせた画像を自動生成してくれます 画像やCSSルール、背景色や背景の透明か否か、CSSセレクターの接尾語や末尾などもカスタマイズできて強力です^ ^
えー、なんでですか?導入する必要がありますか?中国語のインターフェースは私が翻訳したものなので、より良い翻訳の提案があれば提供してください。
翻訳されたテキストは、Google Code (http://cssspritegeneratorchinese.googlecode.com/svn/) からチェックアウトできます。
http://spritegen.website-performance.org/?action=home&lang=cn