css sprite的工具？

Question

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

Answer 1

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

雪碧牛更好的帮助您获得背景位置，宽度和spritesheet作为可复制一个不错位内的 精灵高度CSS。

Answer 2

你可以试试这个CSS Sprites

Answer 3

由于您尚未指定任何环境或工具限制，因此我会提供这一项。

Visual Studion有一些工具（Sprite and Image Optimization Preview 4），它将一组图像编译为精灵图表，并提供.net助手以便在代码中使用图像。的

因此，而不是在CSS将获得来自精灵表图像，你可以使用一个很好的帮手指向图像的基准（如：@Sprite.Image("~/App_Sprites/logo.png")）

斯科特H有一个很好的博客文章在这个（here），我是怎么第一次发现它的。

Answer 4

这听起来像你可能希望使用几个工具满足你所提到的要求：

缩放和管理图像：我喜欢用IcoFx用于创建不同的图像/图标多个版本规模和位深度。这似乎规模的东西相当不错可以考虑特定平台这样做，以满足它的要求（即Windows图标图像，苹果图标图像等）

http://icofx.ro/

雪碧创作：我喜欢使用桌面精灵创建工具而不是基于网络的工具，因为我不知道我在何处使用基于Web的工具上传图像。如果您正在开发一个拥有专有图片的项目，我认为只需要特别小心就可以了。我一直在使用CodePlex中的一个，简称为“Sprite Generator”（基于Windows）。它对我来说真的很好，它会把你的图像和最佳方式安排给你，并给你引用它们所需的CSS。它还允许您进行一些调整，例如在图像之间添加缓冲区以避免在缩放浏览器中出现伪像。

http://spritegenerator.codeplex.com/