我已经看到了其他类似的问题,但我正在寻找一种具有特定功能的工具:我希望它能够调整大小并将创建的精灵中的给定图像居中。我的意思是:我有一个48x48的按钮,我有一堆不同大小的图像,所有这些都是按钮的潜在背景。有没有一种工具可以将这些图像集中给我所需的48x48?理想情况下,它会缩小较大的图像,但会留下较小的图像。最后,它应该能够创建图标和相应CSS的大小版本。css sprite的工具?
2
A
回答
2
没有什么比http://www.spritecow.com/
雪碧牛更好的帮助您获得背景位置,宽度和spritesheet作为可复制一个不错位内的 精灵高度CSS。
0
你可以试试这个CSS Sprites
0
由于您尚未指定任何环境或工具限制,因此我会提供这一项。
Visual Studion有一些工具(Sprite and Image Optimization Preview 4),它将一组图像编译为精灵图表,并提供.net助手以便在代码中使用图像。的
因此,而不是在CSS将获得来自精灵表图像,你可以使用一个很好的帮手指向图像的基准(如:@Sprite.Image("~/App_Sprites/logo.png")
)
斯科特H有一个很好的博客文章在这个(here),我是怎么第一次发现它的。
1
这听起来像你可能希望使用几个工具满足你所提到的要求:
缩放和管理图像:我喜欢用IcoFx用于创建不同的图像/图标多个版本规模和位深度。这似乎规模的东西相当不错可以考虑特定平台这样做,以满足它的要求(即Windows图标图像,苹果图标图像等)
雪碧创作:我喜欢使用桌面精灵创建工具而不是基于网络的工具,因为我不知道我在何处使用基于Web的工具上传图像。如果您正在开发一个拥有专有图片的项目,我认为只需要特别小心就可以了。我一直在使用CodePlex中的一个,简称为“Sprite Generator”(基于Windows)。它对我来说真的很好,它会把你的图像和最佳方式安排给你,并给你引用它们所需的CSS。它还允许您进行一些调整,例如在图像之间添加缓冲区以避免在缩放浏览器中出现伪像。
相关问题
- 1. Sprite工具包中的节点位置
- 2. CSS sprite和IE6
- 3. css sprite导航
- 4. CSS Sprite + background-size:cover
- 5. css sprite in wordpress
- 6. resize css sprite
- 7. CSS sprite活动状态不工作?
- 8. Sprite工具包和类型推断
- 9. 框架大小iOS8 Sprite工具包
- 10. 在sprite工具包上写字符串
- 11. css sprite动画的setInterval
- 12. CSS sprite空格下的
- 13. CSS缩减工具
- 14. CSS优化工具
- 15. css重构工具
- 16. CSS Sprite悬停定位
- 17. Css sprite in div with width%?
- 18. css sprite按钮跳跃
- 19. Retina-Sprite CSS不起作用
- 20. 用LESS减少sprite CSS?
- 21. CSS sprite scale to div dimensions
- 22. 使用css/sass缩放sprite
- 23. IE8中的CSS sprite按钮不显示/工作?
- 24. 我想在sprite工具包中移动我的SKLabelNode对象?
- 25. css sprite Img的加载时间更快?
- 26. Firefox中的CSS Sprite兼容性
- 27. jQuery背景位置动画与CSS sprite不工作
- 28. 用小工具打包css
- 29. 罗盘CSS小工具?
- 30. Materialise Css工具提示
Probbly希望各位能最接近的是http://spritegen.website-performance.org/ – Kyle