您的位置:極速下載站 → 電腦軟件 → 教育教學(xué) → 編程開發(fā) → Cyotek Spriter
Cyotek Spriter(div+css切圖器)是用來方便快速的切圖的自動化工具,即便對CSS網(wǎng)頁設(shè)計一竅不通也可以做到快速方便的切圖處理。
制作網(wǎng)頁除了要會基本的 HTML 語法之外,透過 CSS 更能設(shè)計網(wǎng)頁風(fēng)格,而一般人載入小圖檔時都是插入貼圖標(biāo)簽,或是透過 CSS 載入圖片,若是一個網(wǎng)站有數(shù)十個小圖檔,那用戶端就必須對伺服器有數(shù)十個請求,對伺服器也算是小小的負(fù)擔(dān),CSS Sprites 的技術(shù)就是在解決這的問題,將所有小圖檔合并成一張圖,透過 CSS 來切圖,讓載入圖檔更快更有效率,對站長來說也是省資源的一種方式。這次所介紹的懶人工具 Cyotek Spriter 就替你輕松達(dá)成 CSS Sprites 的效果!
使用方式非常的簡單,若你已經(jīng)有既有的網(wǎng)站,就將所有的圖檔一并拉入 Cyotek Spriter 之中,圖檔就會自動整齊的排列,之后透過輸出的方式會產(chǎn)出 css 與 png 圖檔,打開 css 檔案之后就會看到編排好的圖片內(nèi)容,這時候大家再對應(yīng)到自己的網(wǎng)站之中使用即可,合并圖檔案與計算圖檔位置都已經(jīng)搞定了,也算省了一大半的功,接下來就靠大家自己啰!
相關(guān)搜索:網(wǎng)頁設(shè)計 DIV+CSS Cyotek Spriter