CSSスプライト-悪、それらを使用しないでください！

ロールオーバー効果のスタイルの使用に関する 多くの 記事 （ロシア語と英語 ）の後、ページを開くときの遅延とサーバーの負荷を減らした後、CSSスプライトの使用を批判したいと思います。 より成熟した強力な方法として、 data:URL



の使用を提案できdata:URL



といくつかの追加のテクニックです。 私の意見では、CSSスプライトの範囲は非常に限られているため、この記事でCSSスプライトを指定し、使用しないほうがよい場合を示したいと思います。

レイアウトの問題

スプライトを使用する場合、レイアウトデザイナーはどのような問題に直面しますか？ これはまず、共通の配列内の特定の各画像を変更する問題です。 それだけでなく、リソースイメージを開いて、この小さなイメージ（変更される）に対応する領域を見つけ、すべての変更でパレットを失うことなく置き換える必要があります。 また、リソースファイル内の画像の場所を変更する場合（たとえば、次の設計変更により再割り当てされた空き領域）、すべての座標を再計算し、CSSファイルで対応させる必要があります。



webo.inで詳細を読む→