div+css切圖工具(Cyotek Spriter)

div+css切圖工具(Cyotek Spriter)是用來方便快速的切圖的自動(dòng)化工具，即便對CSS網(wǎng)頁設(shè)計(jì)一竅不通也可以做到快速方便的切圖處理。

制作網(wǎng)頁除了要會(huì)基本的 HTML 語法之外，透過 CSS 更能設(shè)計(jì)網(wǎng)頁風(fēng)格，而一般人載入小圖檔時(shí)都是插入貼圖標(biāo)簽，或是透過 CSS 載入圖片，若是一個(gè)網(wǎng)站有數(shù)十個(gè)小圖檔，那用戶端就必須對伺服器有數(shù)十個(gè)請求，對伺服器也算是小小的負(fù)擔(dān)，CSS Sprites 的技術(shù)就是在解決這的問題，將所有小圖檔合并成一張圖，透過 CSS 來切圖，讓載入圖檔更快更有效率，對站長來說也是省資源的一種方式。這次所介紹的懶人工具 Cyotek Spriter 就替你輕松達(dá)成 CSS Sprites 的效果唷！

使用方式非常的簡單，若你已經(jīng)有既有的網(wǎng)站，就將所有的圖檔一并拉入 Cyotek Spriter 之中，圖檔就會(huì)自動(dòng)整齊的排列，之后透過輸出的方式會(huì)產(chǎn)出 css 與 png 圖檔，打開 css 檔案之后就會(huì)看到編排好的圖片內(nèi)容，這時(shí)候大家再對應(yīng)到自己的網(wǎng)站之中使用即可，合并圖檔案與計(jì)算圖檔位置都已經(jīng)搞定了，也算省了一大半的功，接下來就靠大家自己啰！