當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 軟件教程 > 圖形圖像 > 圖像的切片技術(shù)

圖像的切片技術(shù)

2012/11/29 14:55:59作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

圖像的切片技術(shù)主要有兩大重要用途:第一,當(dāng)使用一幅完整的圖片作為網(wǎng)頁時(shí),需要對(duì)它進(jìn)行切片,以加快網(wǎng)頁的下載時(shí)間,這種情況多出現(xiàn)在個(gè)人網(wǎng)站中;第二,在制作導(dǎo)航按鈕時(shí),無論是在多媒體作品中還是在網(wǎng)頁作品中,都需要從整體的界面設(shè)計(jì)中逐一地將按鈕輸出,以便制作時(shí)使用,這時(shí)也要對(duì)圖像進(jìn)行切片。

一、個(gè)性主頁的切片

當(dāng)網(wǎng)頁中放置了一幅較大的圖片時(shí),網(wǎng)頁的下載時(shí)間較長(zhǎng)。為了加快網(wǎng)頁的下載速度,可以把大圖片分成若干個(gè)小圖片,然后再將這些小圖片重新組合成一體,這就是網(wǎng)頁技術(shù)中的圖像切片。利用imageReady提供的切片工具,用戶可以輕松實(shí)現(xiàn)圖像切片。
切片還可以用于在Web頁中創(chuàng)建超鏈接、動(dòng)態(tài)按鈕和動(dòng)畫,并可以對(duì)每個(gè)切片分別應(yīng)用不同的優(yōu)化設(shè)置。當(dāng)將圖像存儲(chǔ)為Web頁時(shí),每個(gè)切片將作為  個(gè)獨(dú)立的文件存儲(chǔ),但通過瀏覽器觀察到的仍然是一個(gè)完整的圖像。實(shí)際上,它使用了HTML技術(shù)中的表格,對(duì)切片后的圖像進(jìn)行重新拼接,在Dreamweaver軟件中打開輸出后的網(wǎng)頁可以清晰地看到這點(diǎn)。

二、導(dǎo)航按鈕的切片

無論是多媒體作品還是網(wǎng)頁作品,都需要導(dǎo)航按鈕。而導(dǎo)航按鈕的制作通常是與界面設(shè)計(jì)一起進(jìn)行的,這樣做的好處是便于整體協(xié)調(diào)版面的顏色、布局、對(duì)比關(guān)系等。但是整合多媒體程序或制作網(wǎng)頁時(shí)卻需要使用獨(dú)立的按鈕,因此,設(shè)計(jì)完成了界面后,還要將按鈕進(jìn)行切片輸出。
如圖所示是一個(gè)多媒體光盤界面。制作多媒體程序時(shí),需要將下方的導(dǎo)航按鈕切片輸出。切片時(shí)可以使用切片工具,但是為了保證每個(gè)導(dǎo)航按鈕大小一致,建議執(zhí)行“圖層>新建基于圖層的切片”命令。使用該命令時(shí),要保證每個(gè)按鈕都在一個(gè)獨(dú)立的圖層上。
將導(dǎo)航按鈕切片后,選擇所有的按鈕切片,再執(zhí)行“文件>將優(yōu)化結(jié)果存儲(chǔ)為”菜單命令,在彈出的“將優(yōu)化結(jié)果存儲(chǔ)為”對(duì)話框中設(shè)置參數(shù),如圖所示(注意:如果輸出的是網(wǎng)頁按鈕,文件名不要使用中文,這與輸出網(wǎng)頁的設(shè)置不同)。

運(yùn)行效果
運(yùn)行效果

以上就是有關(guān)圖像的切片技術(shù)的相關(guān)內(nèi)容,希望對(duì)你有所幫助。

標(biāo)簽: 圖像  切片  技術(shù)