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

圖像的切片技術(shù)

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

移動端

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

一、個性主頁的切片

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

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

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

運行效果
運行效果

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

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