IMAGE MAPS和CSS SPRITES之间的区别

Question

我无法找到IMAGE MAPS和CSS SPRITES之间的明显区别。两者看起来都像将页面中的图像合并为一个？因此我们可以减少对服务器的多个请求。那真正的区别是什么？

Answer 1

图片地图：

页面中的单个图像，您可以单击不同的区域，然后具有不同的效果（例如，启动不同的链接）。

这里有一个描述：http://www.javascriptkit.com/howto/imagemap.shtml

CSS Sprites ：

将多个css类后面的图像组合到一个文件中以提高性能 - 例如减少请求数量和通常的整体下载大小。

例如，您可以将颜色框对话框的各种边框元素组合到单个图像中，或者将单击的和未单击的图像组合成按钮。

我发现CSS精灵的最佳描述是：http://css-tricks.com/css-sprites/

Answer 2

图像地图是一种图像，您可以将其转换为图像地图并在图像顶部放置多个链接。

CSS精灵是一个由多个图像组成的图像，您可以使用CSS背景定位来显示减少的http请求。

Answer 3

图像映射是位于图像上的坐标的定义，以便能够对此区域上的事件作出反应。

一个css精灵是在一个图像中联合的两个或多个图像。

Answer 4

我知道一年前有人问过，让我试着用自己的话来解释。

CSS Sprite就像一个单独的文件图像存储库，你可以通过css将它的任何部分拉出来，并将它们单独放在你网页房地产的任意区域，而图像映射（to-url），顾名思义是具有可点击区域的图像，该区域映射到目标网址。