photoshop 雪碧圖製做

圖片拖入後

通常取同行同列最高最寬

 

 

自動在所選目錄生成

打開:

修改

 

 

四次請求有點多啊.

打開 （下載）css sprite

自動生成座標地址.

不過咱們要把它排遠一點

 

 

OK了。

 

咱們生成之後:

座標地址就能夠直接用了，不用一個像素的移了

由於生成時，也會產生文件，因此咱們仍是選擇源文件夾吧.

 

雪碧圖生成.

 

讓咱們來使用一下

 

 

好了，示例就到這裏。

我也不寫詳細了，css雪碧圖合併工具可能出問題，具體.NET 4.0你們能夠去微軟官網下載，嘿嘿

 

若是是Win10，那麼請繼續接下來的操做

 

安裝完成後，便可使用功能（若是安裝後用不了就註銷再登錄哈）

 

你們有什麼不解能夠直接下評論，我會進行修正，我在此多謝各位指點。