在網(wǎng)站建設(shè)以及后續(xù)的運(yùn)營中,都會(huì)使用到動(dòng)畫和圖片,因?yàn)閯?dòng)畫和圖片相對(duì)會(huì)比較大,所以如果處理不好的話就會(huì)影響到頁面的加載速度。那么網(wǎng)站建設(shè)中如何處理動(dòng)畫與圖片呢?宜天網(wǎng)絡(luò)給大家介紹下這個(gè)問題。
1、格式由電腦產(chǎn)生的形式簡單的圖像(如標(biāo)識(shí)、圖示)首選PNG格式,而色彩豐富的照片則一定是JPEG。如果顏色不多且沒有漸變應(yīng)當(dāng)使用GIF格式。GIF是用得最多的網(wǎng)站圖像格式。GIF最多容納256種顏色,幾乎適用於除照片以外的所有圖像。它還具有生成簡單的動(dòng)畫和透明圖像的能力。
2、可以通過Photoshop或Fireworks的匯出嚮導(dǎo)比較各項(xiàng)參數(shù)。選擇的標(biāo)準(zhǔn)是,保證可接受的圖像品質(zhì)的前提下文件應(yīng)盡可能小。顏色的選擇應(yīng)當(dāng)參照統(tǒng)一的標(biāo)準(zhǔn),如視覺識(shí)別(VI)系統(tǒng)。顏色的數(shù)量和效果是決定圖像格式的重要因素,如色彩漸變往往產(chǎn)生大量顏色。
3、尺寸使用向量創(chuàng)作工具制作的圖像往往適合保存為PNG格式,其尺寸應(yīng)在向量繪圖工具中確定,變?yōu)辄c(diǎn)陣圖后便不再輕易對(duì)其進(jìn)行縮放操作(尤其不應(yīng)進(jìn)行放大操作)。注意在Fireworks中創(chuàng)建的PNG檔包含圖層等可編輯資訊,其中的直線、形狀、文字都屬於向量圖。將這樣的圖像應(yīng)用于網(wǎng)站應(yīng)先進(jìn)行輸出操作以壓縮檔大小,而輸出的PNG圖像也會(huì)因?yàn)閬G掉可編輯資訊而轉(zhuǎn)為點(diǎn)陣圖。
通常放入網(wǎng)站中的圖片應(yīng)控制到一個(gè)比較小的尺寸。如果與文字混排寬度最好在300px左右。即便單獨(dú)出現(xiàn)寬度也最好在600px以下。至於高度以不超過一屏為宜。
4、GIF只是單純地將某一種或幾種顏色設(shè)為完全透明,并不考慮與它鄰近的漸變色的透明度。這意味著,如果背景顏色發(fā)生重大改變(或者本來就包含幾種對(duì)比明顯的顏色),與透明部分交界的地方將得不到平滑過渡,出現(xiàn)一條明顯的分界線。如果要?jiǎng)?chuàng)建透明GIF,有必要將畫布背景色設(shè)置成與目標(biāo)效果的背景色相同(或接近)。PNG不存在這個(gè)問題,同時(shí)還可以設(shè)置半透明。
關(guān)于網(wǎng)站動(dòng)畫和圖片的處理,本文從四個(gè)方面做了介紹。原則上處理圖片的要求是在確保不失真的前提下,動(dòng)畫和圖片的體積越小越好,因?yàn)檫@會(huì)讓加載的速度更快。尤其注意不要直接使用相機(jī)拍出來的原照片,這樣的照片動(dòng)輒就有幾兆,加載出來會(huì)很慢。