電影鏡頭分鏡頭(共4節(jié))
大場(chǎng)景處理方案(共1節(jié))
菜鳥(niǎo)家裝設(shè)計(jì)的華麗逆襲第三季(共11節(jié))
div+css切圖工具(Cyotek Spriter)是用來(lái)方便快速的切圖的自動(dòng)化工具,即便對(duì)CSS網(wǎng)頁(yè)設(shè)計(jì)一竅不通也可以做到快速方便的切圖處理。
制作網(wǎng)頁(yè)除了要會(huì)基本的 HTML 語(yǔ)法之外,透過(guò) CSS 更能設(shè)計(jì)網(wǎng)頁(yè)風(fēng)格,而一般人載入小圖檔時(shí)都是插入貼圖標(biāo)簽,或是透過(guò) CSS 載入圖片,若是一個(gè)網(wǎng)站有數(shù)十個(gè)小圖檔,那用戶(hù)端就必須對(duì)伺服器有數(shù)十個(gè)請(qǐng)求,對(duì)伺服器也算是小小的負(fù)擔(dān),CSS Sprites 的技術(shù)就是在解決這的問(wèn)題,將所有小圖檔合并成一張圖,透過(guò) CSS 來(lái)切圖,讓載入圖檔更快更有效率,對(duì)站長(zhǎng)來(lái)說(shuō)也是省資源的一種方式。這次所介紹的懶人工具 Cyotek Spriter 就替你輕松達(dá)成 CSS Sprites 的效果。
使用方式非常的簡(jiǎn)單,若你已經(jīng)有既有的網(wǎng)站,就將所有的圖檔一并拉入 Cyotek Spriter 之中,圖檔就會(huì)自動(dòng)整齊的排列,之后透過(guò)輸出的方式會(huì)產(chǎn)出 css 與 png 圖檔,打開(kāi) css 檔案之后就會(huì)看到編排好的圖片內(nèi)容,這時(shí)候大家再對(duì)應(yīng)到自己的網(wǎng)站之中使用即可,合并圖檔案與計(jì)算圖檔位置都已經(jīng)搞定了,也算省了一大半的功,接下來(lái)就靠大家自己?jiǎn)?/p>
切圖工具(Cyotek Spriter)是一款方便快速的切圖輔助工具,通過(guò)切圖工具(Cyotek Spriter)能夠能自動(dòng)完成切圖的工作,適合各種網(wǎng)頁(yè)設(shè)計(jì)人員使用。
制作網(wǎng)頁(yè)除了要會(huì)基本的 HTML 語(yǔ)法之外,透過(guò) CSS 更能設(shè)計(jì)網(wǎng)頁(yè)風(fēng)格,而一般人載入小圖檔時(shí)都是插入貼圖標(biāo)簽,或是透過(guò) CSS 載入圖片,若是一個(gè)網(wǎng)站有數(shù)十個(gè)小圖檔,那用戶(hù)端就必須對(duì)伺服器有數(shù)十個(gè)請(qǐng)求,對(duì)伺服器也算是小小的負(fù)擔(dān),CSS Sprites 的技術(shù)就是在解決這的問(wèn)題,將所有小圖檔合并成一張圖,透過(guò) CSS 來(lái)切圖,讓載入圖檔更快更有效率,對(duì)站長(zhǎng)來(lái)說(shuō)也是省資源的一種方式。這次所介紹的懶人工具 Cyotek Spriter 就替你輕松達(dá)成 CSS Sprites 的效果。
將所有的圖片一起拉入 Cyotek Spriter 之中圖片就會(huì)自動(dòng)整齊的排列
之后通過(guò)輸出的方式會(huì)產(chǎn)出 css 與 png 圖片,打開(kāi) css 文件之后就會(huì)看到編排好的圖片內(nèi)容
這時(shí)候大家再對(duì)應(yīng)到自己的網(wǎng)站之中使用即可,合并圖片與計(jì)算圖片位置都已經(jīng)搞定了
朱峰社區(qū)網(wǎng)頁(yè)版(手機(jī)掃描-分享-添加到屏幕)
朱峰社區(qū)微信公眾號(hào)(微信掃一掃-關(guān)注)
未知用戶(hù)
未知用戶(hù)
贊0
踩0
16年3月19日
2005-2025 朱峰社區(qū) 版權(quán)所有 遼ICP備2021001865號(hào)-1
2005-2025 ZhuFeng Community All Rights Reserved
VIP