图片拖入后

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

一般取同行同列最高最宽

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

自动在所选目录生成

photoshop 雪碧图制作-LMLPHP

打开:

photoshop 雪碧图制作-LMLPHP

修改

photoshop 雪碧图制作-LMLPHP

四次请求有点多啊.

打开 (下载)css sprite

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

自动生成坐标地址.

不过我们要把它排远一点

photoshop 雪碧图制作-LMLPHP

OK了。

我们生成以后:

坐标地址就可以直接用了,不用一个像素的移了

photoshop 雪碧图制作-LMLPHP

因为生成时,也会产生文件,所以我们还是选择源文件夹吧.

雪碧图生成.

photoshop 雪碧图制作-LMLPHP

让我们来使用一下

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

好了,示例就到这里。

我也不写详细了,css雪碧图合并工具可能出问题,具体.NET 4.0大家可以去微软官网下载,嘿嘿

如果是Win10,那么请继续接下来的操作

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

photoshop 雪碧图制作-LMLPHP

安装完成后,即可使用功能(如果安装后用不了就注销再登陆哈)

大家有什么不解可以直接下评论,我会进行修正,我在此多谢各位指点。

05-08 15:09