IMAGEMAPSとCSSSPRITESの明確な違いは見つかりませんでした。どちらもページ内の画像を1つにまとめたように見えますか?したがって、サーバーへの複数のリクエストを減らすことができます。では、本当の違いは何ですか?
4 に答える
画像マップ:
ページ内の単一の画像。クリックできる領域が異なり、効果も異なります(たとえば、さまざまなリンクを起動します)。
ここにこれの説明があります:http ://www.javascriptkit.com/howto/imagemap.shtml
CSSスプライト:
パフォーマンスを向上させるために、多数のcssクラスの背後にあるイメージを1つのファイルに結合します。たとえば、リクエストの数を減らし、多くの場合、全体的なダウンロードサイズを減らします。
たとえば、カラーボックスダイアログのさまざまな境界要素を1つの画像に結合したり、クリックされた画像とクリックされていない画像を組み合わせてボタンを作成したりできます。
私が見つけたCSSスプライトの最も良い説明は、次のとおりです。http: //css-tricks.com/css-sprites/
画像マップは、画像マップに変換して画像の上に複数のリンクを配置できる1つの画像です。
CSSスプライトは、複数の画像で構成される1つの画像であり、CSSの背景位置を使用して、この削減されたhttpリクエストを表示します。
画像マップは、この領域のイベントに反応できるように画像の上にある座標の定義です。
cssスプライトは、1つの画像に結合された2つ以上の画像です。
一年前に聞かれたのは知っていますが、自分の言葉で説明させてください。
CSS Spriteは、cssを介してその一部を引き出し、Webページの不動産の任意の領域に個別に配置できる単一ファイルの画像リポジトリのようなものです。画像マップ(to-url)は、その名前が示すように、次のような画像です。ターゲットURLにマップするクリック可能な領域があります。