免费CSS Sprite在线生成工具

觉得TexturePacker过于专业或者操作不够方便?如果你只是需要生成CSS Sprite(CSS 图片拼合),或许小编现在要推荐的在线CSS 图片拼合生成器(css sprite generator)就足够了。

觉得TexturePacker过于专业或者操作不够方便?如果你只是需要生成CSS Sprite(CSS 图片拼合),或许小编现在要推荐的在线CSS 图片拼合生成器(css sprite generator)就足够了。

css-sprite-generator

CSS 图片拼合生成器(英文名为css sprite generator),是一款支持多语言的免费CSS图片拼合生成器,目前支持18种语言(包括简体中文)。该在线工具非常易用,你只需要上传你需要拼合的CSS图片压缩包,设置重复图片处理办法,调整原图大小,拼合图片输出设置参数,CSS输出选项即可生成CSS拼合图片和CSS文件。

css-sprite-generator-preview

个人特别喜欢它的拼合图像输出选项和CSS文件输出选项,可以设置拼合图像的水平偏移和垂直偏移,背景色或者透明色,输出格式,颜色数量,图片质量和图像无损压缩(支持使用OptiPNG对图像进行无损压缩);还有css前缀,类前缀,css后缀,匹配文件名等。

css-sprite-generator-website

不可否认,css sprite generator是前端设计师高效率的在线工具首选。

css sprite generator官方网站:spritegen.website-performance.org

评论

评论已关闭。

评论列表(3)

  • 白云石

    2013.12.25 15:12

    这个工具我很早就看到他了,可是一直没用成功。
    刚开始是没压缩,现在将之压缩成zip格式后,还是没弄成功,提示:上传的ZIP文件包含图片数少于2个(或符合 “匹配文件名” 规则的文件数). 请检查 ZIP 文件并重新上传。
    我以为是压缩包内png和gif混杂着,他无法合并;
    但是我将图片全部转为png之后,上传压缩包,依然提示:“上传的ZIP文件包含图片数少于2个(或符合 “匹配文件名” 规则的文件数). 请检查 ZIP 文件并重新上传.”
    等了一会,我再尝试一下,这次居然成了。
    这让我很无语。。。
    说不清对压缩包里的图片格式到底有没有限制要求。

  • andrew

    2013.8.8 01:08

    网址打不开

  • cc

    2013.7.20 00:07

    多多支持! 谢谢发帖! 辛苦了 ! 回帖顶起~