在網站建設以及后續(xù)的運營中，都會使用到動畫和圖片，因為動畫和圖片相對會比較大，所以如果處理不好的話就會影響到頁面的加載速度。那么網站建設中如何處理動畫與圖片呢？本文就給大家介紹下這個問題。

1、格式由電腦產生的形式簡單的圖像(如標識、圖示)首選PNG格式，而色彩豐富的照片則一定是JPEG。如果顏色不多且沒有漸變應當使用GIF格式。GIF是用得最多的網站圖像格式。GIF最多容納256種顏色，幾乎適用於除照片以外的所有圖像。它還具有生成簡單的動畫和透明圖像的能力。

2、可以通過Photoshop或Fireworks的匯出嚮導比較各項參數。選擇的標準是，保證可接受的圖像品質的前提下文件應盡可能小。顏色的選擇應當參照統一的標準，如視覺識別(VI)系統。顏色的數量和效果是決定圖像格式的重要因素，如色彩漸變往往產生大量顏色。

3、尺寸使用向量創(chuàng)作工具制作的圖像往往適合保存為PNG格式，其尺寸應在向量繪圖工具中確定，變?yōu)辄c陣圖后便不再輕易對其進行縮放操作(尤其不應進行放大操作)。注意在Fireworks中創(chuàng)建的PNG檔包含圖層等可編輯資訊，其中的直線、形狀、文字都屬於向量圖。將這樣的圖像應用于網站應先進行輸出操作以壓縮檔大小，而輸出的PNG圖像也會因為丟掉可編輯資訊而轉為點陣圖。

通常放入網站中的圖片應控制到一個比較小的尺寸。如果與文字混排寬度最好在300px左右。即便單獨出現寬度也最好在600px以下。至於高度以不超過一屏為宜。

4、GIF只是單純地將某一種或幾種顏色設為完全透明，并不考慮與它鄰近的漸變色的透明度。這意味著，如果背景顏色發(fā)生重大改變(或者本來就包含幾種對比明顯的顏色)，與透明部分交界的地方將得不到平滑過渡，出現一條明顯的分界線。如果要創(chuàng)建透明GIF，有必要將畫布背景色設置成與目標效果的背景色相同(或接近)。PNG不存在這個問題，同時還可以設置半透明。

關于網站動畫和圖片的處理，本文從四個方面做了介紹。原則上處理圖片的要求是在確保不失真的前提下，動畫和圖片的體積越小越好，因為這會讓加載的速度更快。尤其注意不要直接使用相機拍出來的原照片，這樣的照片動輒就有幾兆，加載出來會很慢。