css雪碧图生成工具 v4.0 官方绿色版

  • 软件大小:64KB
  • 软件语言:简体中文
  • 软件类型:国产软件
  • 软件授权:免费软件
  • 软件类别:图像处理
  • 应用平台:Windows平台
  • 更新时间:2015-05-13
  • 网友评分:
360通过 腾讯通过 金山通过

情介绍

css雪碧图生成工具是一款网页制作的辅助工具,用于网页图片处理。可以生成一个.sprite文件,记录网页中所有图片的信息,通过这些信息把一个网页中的所有图片拼接成一个整体图片,在打开网页的时候,相当于加载一张图片,不会出现一张张图片等待加载的现象。

css雪碧图生成工具主要特点

1、加快网页加载速度
浏览器接受的同时请求数是10个,如果图片过多会影响整体的视觉效果,而且对于不稳定的网络带宽,加载起来更是噩梦,所以把图片拼接为一张大图,从而加快加载速度,以及加速页面渲染
2、后期维护简单
该工具可以直接通过选择图片进行图片的拼接,当然你也可以自己挪动里面的图片,自己去布局你的雪碧图,直接生成代码,简单易用!

css雪碧图生成工具使用说明

1、用PS或者dw把需要的图片切下来
2.、打开软件,进入软件界面

css雪碧图生成工具

3、点击左上角按钮打开图片,一次只能打开一种类型的图片文件

css雪碧图生成工具

4、在生成图片的时,同时生成.sprite文件,可以通过点击按钮【打开.sprite】按钮,选择.sprite文件,还原雪碧图原视图,.sprite与其中的图片文件必须在同一文件夹内

css雪碧图生成工具

5、可以选择图片的排布,也可以鼠标选中图片拖动位置,拖动完成后程序会根据内部图片的位置,生成面积最小的雪碧图,当然也会改变相应的图片位置,点击【+】和【-】按钮,可以添加以及删除图片

css雪碧图生成工具

6、可以生成根据需求sass代码,以及css代码,选中“是否是手机端”的时候会把所有的尺寸除以2,因为手机端往往会设计图比较大,所以要缩放,建议生成图片后再复制生成的代码

css雪碧图生成工具

7、点击【生成雪碧图】按钮,程序会默认选中你在第3步的时候打开图片的地址,然后点击确定后生成雪碧图。
生成的同时会生成.sprite文件

  • css雪碧图生成工具 v4.0 官方绿色版

载地址

下载错误?【投诉报错】

css雪碧图生成工具 v4.0 官方绿色版

      气软件

      关文章

      载声明

      ☉ 解压密码:www.jb51.net 就是本站主域名,希望大家看清楚,[ 分享码的获取方法 ]可以参考这篇文章
      ☉ 推荐使用 [ 迅雷 ] 下载,使用 [ WinRAR v5 ] 以上版本解压本站软件。
      ☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复,谢谢!
      ☉ 下载本站资源,如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
      ☉ 如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持!
      ☉ 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。
      ☉ 本站提供的css雪碧图生成工具 v4.0 官方绿色版资源来源互联网,版权归该下载资源的合法拥有者所有。