IMAGE MAPS和CSS SPRITES之間的區別

Question

我無法找到IMAGE MAPS和CSS SPRITES之間的明顯區別。兩者看起來像將頁面中的圖像合併爲一個？所以我們可以減少對服務器的多個請求。那真正的區別是什麼？

Answer 1

影像地圖：

頁面中的單個圖像，用不同的領域，你可以點擊，然後有不同的效果（例如，推出不同的鏈接）。

有這樣的描述在這裏：http://www.javascriptkit.com/howto/imagemap.shtml

CSS精靈：

背後一些CSS類的圖像合併成一個單一的文件，以提高性能 - 例如，減少要求的數量和常總下載大小。例如，您可以將彩色框對話框的各種邊框元素組合到單個圖像中，或將點擊和未點擊的圖像組合爲一個按鈕。

我發現CSS精靈的最好的描述是這樣的一個：http://css-tricks.com/css-sprites/

Answer 2

圖像地圖是一個圖像，您可以將其轉化爲圖像地圖並將多個鏈接放置在圖像頂部。

CSS sprite是由多個圖像組成的一個圖像，您可以使用CSS背景定位來顯示減少的http請求。

Answer 3

圖像映射是在撒謊在圖像上能夠對事件做出反應這一地區座標的定義。

css sprite是兩個或更多圖像在一個圖像中的關節。

Answer 4

我知道它在一年前被問過，只是讓我嘗試用我自己的話來解釋。

CSS Sprite就像一個單獨的文件映像存儲庫，您可以通過css將它的任何部分拉出來，並將它們單獨放置在網頁的任意區域，而圖像映射（to-url）是一個可點擊區域映射到您的目標網址的圖片。