长沙网站建设制作「网站优化推广」-网页设计公司-速马科技官网

在做網(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é)，并且加載速度很慢。