css sprites的工具？

Question

我已经看到了其他类似的问题，但我正在寻找一个具有特定功能的工具：我希望它能够在创建的精灵中调整给定图像的大小和居中。我的意思是：我有一个48x48的按钮，我有一堆不同大小的图像，所有这些都是按钮的潜在背景。有没有一个工具可以将这些图像集中在一起，为我提供所需的48x48？理想情况下，它会缩小较大的图像，但保留较小的图像。最后，它应该能够创建大小版本的图标和相应的CSS。

Answer 1

没有比http://www.spritecow.com/

更好的了

  

Sprite Cow帮助您获得背景位置，宽度和高度   spritesheet中的sprite作为一个可复制的css。

Answer 2

听起来您可能想要使用一些工具来满足您提到的要求：

缩放和管理图像：我喜欢使用IcoFx创建不同比例和比特深度的多个版本的图像/图标。为了满足它的要求（即Windows图标图像，Mac图标图像等），似乎可以通过特定平台很好地扩展事物。

http://icofx.ro/

精灵创建：我更喜欢使用桌面精灵创建工具而非基于网络的工具，因为我不知道我在使用网页时将图片上传到何处基础工具。如果您正在使用专有图像处理项目，我认为更加谨慎是有道理的。我一直在使用CodePlex中的一个简称为＃34; Sprite Generator＆＃34; （它是基于Windows的）。它对我来说非常好用，它会拍摄你的图像并以最佳方式排列它们并给你引用它们所需的css。它还允许您进行一些调整，例如在图像之间添加缓冲区，以避免在缩放的浏览器中出现伪像。

http://spritegenerator.codeplex.com/

Answer 3

你可以尝试这个CSS Sprites

Answer 4

由于您未指定任何环境或工具限制，我将提供此限制。

Visual Studion（Sprite and Image Optimization Preview 4）有一些工具可以将一堆图像编译成精灵表，并提供.net助手然后使用代码中的图像。

因此，您可以使用一个指向图像引用的好帮手（例如@Sprite.Image("~/App_Sprites/logo.png")）

，而不是放入CSS来从精灵表中获取图像。

Scott H有一篇很好的博客文章（here），这是我第一次发现它。