在做網(wǎng)站的過程中，我們?cè)谝曈X效果以及用戶體驗(yàn)上面，需要做一些平衡。首先，動(dòng)畫和圖片用于網(wǎng)站建設(shè)和后續(xù)操作，因?yàn)閯?dòng)畫和圖片相對(duì)所占內(nèi)存較大，因此如果處理不當(dāng)，將會(huì)影響頁面的加載速度。 那么如何在網(wǎng)站建設(shè)中處理動(dòng)畫和圖片呢？ 本文將向您介紹此問題。

1.對(duì)于具有簡單形式（例如圖示）的計(jì)算機(jī)生成圖像，首選PNG格式，對(duì)于色彩豐富的照片JPEG是首選。 如果沒有很多顏色并且沒有漸變，則應(yīng)使用GIF格式。 GIF是最常用的網(wǎng)站圖像格式， GIF最多可以容納256種顏色，幾乎適用于除照片之外的所有圖像。 它還具有生成簡單動(dòng)畫和透明圖像的能力。

2.可以通過Photoshop或Fireworks的導(dǎo)出比較各種參數(shù)。 選擇標(biāo)準(zhǔn)是文件應(yīng)盡可能小，同時(shí)確?？山邮艿膱D像質(zhì)量。 顏色的選擇應(yīng)參考統(tǒng)一的標(biāo)準(zhǔn)，例如視覺識(shí)別（VI）系統(tǒng)。 顏色的數(shù)量和效果是決定圖像格式的重要因素。 例如，顏色漸變通常會(huì)產(chǎn)生很多顏色。

3.尺寸使用矢量創(chuàng)建工具制作的圖像通常適合保存為PNG格式，其大小應(yīng)在矢量繪圖工具中確定。 變成點(diǎn)陣圖后別再對(duì)其進(jìn)行放大和縮小。 請(qǐng)注意，在Fireworks中創(chuàng)建的PNG文件包含可編輯信息，例如圖層、線條、形狀和文本都是矢量圖形。 要將此類圖像應(yīng)用于網(wǎng)站，您應(yīng)該首先執(zhí)行輸出操作以壓縮文件大小，并且由于丟失可編輯的信息，輸出的PNG圖像也將轉(zhuǎn)換點(diǎn)陣圖。

通常，放置在網(wǎng)站上的圖片應(yīng)控制在相對(duì)較小的尺寸。 如果它與文本混合，則寬度應(yīng)在300像素左右。 即使單獨(dú)顯示，寬度也應(yīng)小于600像素。 高度不得超過一個(gè)屏幕。

4. GIF只是將一種或幾種顏色設(shè)置為完全透明，而不考慮相鄰漸變顏色的透明性。 這意味著，如果背景顏色發(fā)生顯著變化（或最初包含幾種對(duì)比顏色），則在與透明部分的連接處將沒有平滑過渡，并且將出現(xiàn)清晰的分界線。 如果要?jiǎng)?chuàng)建透明的GIF，則必須將畫布背景色設(shè)置為與目標(biāo)效果的背景色相同（或接近）。 PNG沒有這個(gè)問題，它也可以設(shè)置半透明性。

關(guān)于網(wǎng)站動(dòng)畫和圖片的處理，本文從四個(gè)方面進(jìn)行介紹。 原則上，處理圖片的要求是確保動(dòng)畫和圖片的尺寸盡可能小，因?yàn)檫@將加快加載速度，提前是保證畫質(zhì)；特別注意不要直接使用相機(jī)拍攝的原始照片。 這些照片通常為數(shù)兆字節(jié)，并且加載速度很慢。