做網(wǎng)站過(guò)程中,如何處理動(dòng)畫(huà)和圖片比較合理
在做網(wǎng)站的過(guò)程中,我們?cè)谝曈X(jué)效果以及用戶體驗(yàn)上面,需要做一些平衡。首先,動(dòng)畫(huà)和圖片用于網(wǎng)站建設(shè)和后續(xù)操作,因?yàn)閯?dòng)畫(huà)和圖片相對(duì)所占內(nèi)存較大,因此如果處理不當(dāng),將會(huì)影響頁(yè)面的加載速度。 那么如何在網(wǎng)站建設(shè)中處理動(dòng)畫(huà)和圖片呢? 本文將向您介紹此問(wèn)題。
1.對(duì)于具有簡(jiǎn)單形式(例如圖示)的計(jì)算機(jī)生成圖像,首選PNG格式,對(duì)于色彩豐富的照片JPEG是首選。 如果沒(méi)有很多顏色并且沒(méi)有漸變,則應(yīng)使用GIF格式。 GIF是最常用的網(wǎng)站圖像格式, GIF最多可以容納256種顏色,幾乎適用于除照片之外的所有圖像。 它還具有生成簡(jiǎn)單動(dòng)畫(huà)和透明圖像的能力。
2.可以通過(guò)Photoshop或Fireworks的導(dǎo)出比較各種參數(shù)。 選擇標(biāo)準(zhǔn)是文件應(yīng)盡可能小,同時(shí)確保可接受的圖像質(zhì)量。 顏色的選擇應(yīng)參考統(tǒng)一的標(biāo)準(zhǔn),例如視覺(jué)識(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像素。 高度不得超過(guò)一個(gè)屏幕。
4. GIF只是將一種或幾種顏色設(shè)置為完全透明,而不考慮相鄰漸變顏色的透明性。 這意味著,如果背景顏色發(fā)生顯著變化(或最初包含幾種對(duì)比顏色),則在與透明部分的連接處將沒(méi)有平滑過(guò)渡,并且將出現(xiàn)清晰的分界線。 如果要?jiǎng)?chuàng)建透明的GIF,則必須將畫(huà)布背景色設(shè)置為與目標(biāo)效果的背景色相同(或接近)。 PNG沒(méi)有這個(gè)問(wèn)題,它也可以設(shè)置半透明性。
關(guān)于網(wǎng)站動(dòng)畫(huà)和圖片的處理,本文從四個(gè)方面進(jìn)行介紹。 原則上,處理圖片的要求是確保動(dòng)畫(huà)和圖片的尺寸盡可能小,因?yàn)檫@將加快加載速度,提前是保證畫(huà)質(zhì);特別注意不要直接使用相機(jī)拍攝的原始照片。 這些照片通常為數(shù)兆字節(jié),并且加載速度很慢。

猜你喜歡
-
1
長(zhǎng)沙網(wǎng)站開(kāi)發(fā):SSL證書(shū)有什么用?網(wǎng)站必須要有嗎?
-
2
移動(dòng)端手機(jī)網(wǎng)站優(yōu)化到底應(yīng)該怎樣做?
-
3
網(wǎng)站首頁(yè)有多重要,網(wǎng)站首頁(yè)設(shè)計(jì)開(kāi)發(fā)應(yīng)該如何做
-
4
長(zhǎng)沙網(wǎng)站設(shè)計(jì)的顏色搭配方法新嘗試
-
5
長(zhǎng)沙企業(yè)網(wǎng)站如何持續(xù)更新,保持新鮮感
-
6
為何出現(xiàn)越來(lái)越多的“黑暗模式”網(wǎng)站設(shè)計(jì)風(fēng)格?
-
7
長(zhǎng)沙網(wǎng)站制作中交互式整合方案,了解一下?
-
8
長(zhǎng)沙企業(yè)網(wǎng)站不應(yīng)該是擺設(shè):打造實(shí)力展示與營(yíng)銷雙效平臺(tái)
-
9
長(zhǎng)沙網(wǎng)站設(shè)計(jì)新風(fēng)尚:領(lǐng)先市場(chǎng)的必備條件
-
10
作為在長(zhǎng)沙專業(yè)的網(wǎng)站搭建公司,告訴你如何提高你的企業(yè)網(wǎng)站質(zhì)量

熱門(mén)文章
-
1
外貿(mào)網(wǎng)站建設(shè)的6個(gè)禁區(qū)!
-
2
百度網(wǎng)盤(pán)、天翼網(wǎng)盤(pán)、迅雷云盤(pán)等這些云空間不再限速!
-
3
湖南企業(yè)網(wǎng)站建設(shè)流程有哪些?
-
4
為什么說(shuō)網(wǎng)站響應(yīng)式設(shè)計(jì)很重要?
-
5
網(wǎng)站推廣需要多少錢?具體是如何收費(fèi)的?
-
6
長(zhǎng)沙SEO外包服務(wù)是怎么樣的?
-
7
哪些單位需要辦理互聯(lián)網(wǎng)備案手續(xù)?
-
8
進(jìn)行SEO優(yōu)化,為什么網(wǎng)站流量還在減少?
-
9
網(wǎng)站推廣成本太高,轉(zhuǎn)化率又太低,該怎么辦啊?
-
10
為什么網(wǎng)站的排名好但是資源和轉(zhuǎn)化都不好?