大きな画像を1つ使用し、それをウェブサイトの小さな部分に分割するにはどうすればよいですか？

Question

私は、いくつかの人が1つの大きな画像（マスターテンプレート画像）を使用する方法を見てきました。その画像がロードされた後に、ある種のスクリプトやコードが分離できますボタンのような要素のために、その小さな部分だけを使用します。 Facebook上の友だちとの単語タイルの場合はそうです。私はPhotoshopを使ってそれらを分ける方法について話しているわけではありません。私はこの問題に関するウェブページも期待しています。うまくいけばチュートリアルや例があります。私はHTML、CSS、またはJavaScriptでできることを探しています。あるいはjQueryです。

申し訳ありません私は後になっているので、コードを提供することはできません。このメソッドの呼び出し方法もわかりません。

Answer 1

spritingというCSSテクニックがあります。私は以下の記事がそれを見事に説明して見つけた：

まさに私が欲しいもののように思える

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them