当我在谷歌搜索而不是他们的主页时，当我查看他们的徽标并复制图像路径时，它显示：
http://www.google.com/images/nav_logo91.png
嗯，它不仅仅是徽标，它还有很多图标。 Google有这样的方式使用这种方式吗？任何结果或只是为了展示他们的技术技能？另外，如何只显示图像的一部分？谢谢。
答案 0 :(得分：4)
这是一个精灵。这样做可以减少文件大小和加载时间。
您可以使用JavaScript或使用CSS拼接图像（CSS是更受欢迎的选择）。您可以使用div标记创建元素，然后将background-image属性设置为您指定的网址。然后使用background-position属性将其正确对齐。最后，设置width的预期height和div。
答案 1 :(得分：2)
它叫做CSS sprites。许多网站都使用这种技术，其中网站上的所有（装饰性）图像都包含在一个图像中。
这个单个图像的尺寸往往小于所有单个图像的总和（每个图像都有自己的颜色表）。此外，从服务器获取单个映像意味着较少的HTTP服务器请求。
然后将大图像作为背景放在div中，并使用background-position和其他CSS属性进行操作，以确保只显示精灵部分所需的部分。
答案 2 :(得分：2)
就像animuson已经解释过的那样，它们被称为CSS精灵，为了防止过多的HTTP请求而扩展它们。
通过只加载一个图像，它被缓存，然后网站可以将该图像用于多个背景，但只能通过使用背景位置来查看某些区域。
这里有一个很好的解释：http://css-tricks.com/158-css-sprites/