イメージマップとCSSスプライトの相違

Question

イメージマップとCSSスプライトの間に明確な違いはありませんでした。どちらもページ内の画像を1つにまとめるように見えますか？したがって、サーバーへの複数の要求を減らすことができます。だから本当の違いは何ですか？

Answer 1

イメージマップ：

ページでは、単一の画像、さまざまな分野であなたがクリックすることができ、その後、さまざまな効果を（例えば異なるリンクを起動する）持っています。

これについての説明はここにあります：http://www.javascriptkit.com/howto/imagemap.shtml

CSSスプライト：

は、パフォーマンスを向上させるために、単一のファイルにCSSクラスの数の背後にある画像を組み合わせること - などの要求の数を削減し、多くの場合、全体的には、ダウンロードサイズ。

たとえば、カラーボックスダイアログのさまざまな境界要素を1つの画像に結合するか、クリックされた画像とクリックされていない画像をボタンに結合することができます。

私はCSSスプライトを見つけた最高の説明は、このいずれかになります。http://css-tricks.com/css-sprites/

Answer 2

画像マップは、画像マップに変換して画像の上に複数のリンクを配置できる1つの画像です。

CSSスプライトは、このようなHTTPリクエストを減らすために、CSSのバックグラウンドポジショニングを使用する複数のイメージで構成された1つのイメージです。

Answer 3

イメージマップは、この分野でのイベントに対応できるようにするには画像の上に横たわっている座標の定義です。

cssスプライトは、1つの画像に2つ以上の画像が結合しています。

Answer 4

私は1年前に尋ねられたことを知っています。自分の言葉を自分自身で説明しようとします。

CSS Spriteは、CSSを使用してその一部を引き出し、ウェブページの不動産の任意の領域に個別に配置することができます。イメージマップ（to-url）は名前のとおりですターゲットURLにマップするクリック可能な領域を持つ画像です。