如何使雪碧

ive使用在线srpite服务http://spritegen.website-performance.org/但我想知道如何让他们自己。如何使雪碧

我该如何保存图像，它应该是如此之小，但当我的网站上使用它出来正常大小？

2011-05-11 knowzero

精灵并不是将图像本身变小，而是通过将几个图像打包成一个来减少文件大小。

看看Yahoo's icon sprite。请注意，他们将所有部分图标垂直堆叠在一个大图像中。然后，他们使用CSS来定位背景，以仅显示精灵图像的小型窗口，因此只显示图标。

最后，你怎么安排你的精灵是由你决定的。检查Amazon's sprite的底部。

无论哪种方式，希望这可以帮助您更好地了解精灵的概念。

2011-05-11 14:01:02

欢迎来到90年代的游戏开发。 – acron 2011-05-11 14:02:56

谢谢！所以我在哪里可以找到关于减小文件大小的信息。当我点击在网上保存的Photoshop我得到所有这些选项。任何好的文章来解释我需要做什么？ – knowzero 2011-05-13 13:30:22

CSS精灵是降低数字图像制作的网站引用资源的HTTP请求的方式。图像在定义的X和Y coorindates中合并为一个较大的图像。已将此生成的图像分配给相关页面元素后， background-position CSS属性可以使用将可见区域转换为所需的组件图像。

所以没有什么不可思议的：你只需要用你最喜欢的图形工具将所有的图片打包成一个巨大的图像，并将它们作为CSS背景插入。看看这个CSS精灵谷歌：

Google CSS Sprite

2011-05-11 14:06:21

回答