ツールや、既存の Web サイトの画像から CSS スプライトを生成するプロセスの概念や、ビルド プロセス中に CSS を見た人はいますか?
手順は次のようになると思います。
私はasp.netを使用するので、msbuildの何かが素晴らしいでしょう。しかし、私はそこに近づいてもほとんど見つけていません。
このような自動プロセスは、単純な画像がいくつかある場合にのみうまく機能します。プロセスを手動で行う理由はいくつかあります。
スプライトでは、一部の画像形式が他の画像形式よりも適切に機能します。JPEG 画像からスプライトを作成しようとすると、圧縮によって 1 つの画像から別の画像に簡単ににじみ、アーティファクトが発生します。GIF や 8 ビット PNG などのインデックス カラー形式は色数が限られているため、カラー パレットがあまりにも異なる画像を組み合わせると、色が失われます。
画像を水平または垂直に繰り返すと、スプライト画像を組み合わせるのが難しくなる場合があります。
画像が使用する要素よりも小さい場合は、画像に透明なピクセルを埋め込む必要があります。要素のサイズが何らかの形で動的である場合、自動プロセスは画像に必要なパディングの量さえ知りません。
BSD ライセンス コードであるhttp://spritegen.website-performance.org/を使用できます。(右側のダウンロード リンクを参照してください。)