在網(wǎng)站建設(shè)以及后續(xù)的運(yùn)營(yíng)中，都會(huì)使用到動(dòng)畫和圖片，因?yàn)閯?dòng)畫和圖片相對(duì)會(huì)比較大，所以如果處理不好的話就會(huì)影響到頁(yè)面的加載速度。那么網(wǎng)站建設(shè)中如何處理動(dòng)畫與圖片呢？本文就給大家介紹下這個(gè)問題。

1、格式由電腦產(chǎn)生的形式簡(jiǎn)單的圖像(如標(biāo)識(shí)、圖示)選PNG格式，而色彩豐富的照片則一定是JPEG。如果顏色不多且沒有漸變應(yīng)當(dāng)使用GIF格式。GIF是用得最多的網(wǎng)站圖像格式。GIF最多容納256種顏色，幾乎適用於除照片以外的所有圖像。它還具有生成簡(jiǎn)單的動(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ì)很慢。

本文名稱：網(wǎng)站建設(shè)中如何處理動(dòng)畫與圖片
標(biāo)題網(wǎng)址：http://m.2m8n56k.cn/news1/239301.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、自適應(yīng)網(wǎng)站、軟件開發(fā)、小程序開發(fā)、面包屑導(dǎo)航、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)