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