スプライトは、定義されたX座標とY座標で小さな画像を1つの大きな画像に結合することで構成される2次元画像です。合成画像から単一の画像を表示するには、表示する画像の正確な位置を定義し、CSSのbackground-positionプロパティを使用することができます。

続いて、質問は、スプライトはどのように機能するのかということです。つまり、CSSスプライトは、パフォーマンスを向上させるために、複数の画像を1つの画像ファイルに結合してWebサイトで使用する手段です。コンピュータがグラフィックをメモリにフェッチし、一度にその画像の一部のみを表示できるという考え方でした。これは、新しい画像を継続的にフェッチするよりも高速でした。

また、画像をスプライトにするにはどうすればよいですか？

1. サムネイル。画像をドラッグアンドドロップして、スプライト内の順序を変更できます。
2. スプライト。画像を右クリックしてコンピュータに保存します。新しいウィンドウで画像を開くBase64をコピーします。
3. 使用法。ファイル名をキャプチャするためにRegExpオブジェクトを使用できます。 。 {{
4. プレビュー。これは、HTML / CSSと画像を使用したスプライトのプレビューです。

スプライトシートとは何ですか？

スプライトシートは、いくつかの小さな画像（スプライト）やアニメーションで構成される画像です。そのため、スプライトシートとは何かを説明する面白いビデオを作成しました。私たちはあなたのプライバシーを保護します。 YouTubeからビデオとプレーヤーをロードするには、上をクリックしてください。