熱門(mén)標簽
- 古營(yíng)集網(wǎng)站推廣
- 羊永網(wǎng)站設計
- 昌隆SEO優(yōu)化
- 鴛鴦網(wǎng)頁(yè)設計
- 新手個(gè)人網(wǎng)站怎么設計
- 漿洗街網(wǎng)頁(yè)設計公司
- 蝦扎制作網(wǎng)站
- 桲欏樹(shù)SEO
- 鮮花網(wǎng)站設計背景
- 武義網(wǎng)站建設
- 綠楊外貿網(wǎng)站建設
- 譚家橋做網(wǎng)站
- 駝耳巷網(wǎng)站設計公司
- 手繪pop設計網(wǎng)站
- 包拉溫都網(wǎng)站定制
- 雙峰寺網(wǎng)站建設公司
- 七塘網(wǎng)站建設制作
- 國外地產(chǎn)vi設計網(wǎng)站
- 四莊網(wǎng)站開(kāi)發(fā)
- 史上最牛機械設計視頻網(wǎng)站
如何使用GIF動(dòng)畫(huà)提高網(wǎng)站性能
高級搜索引擎優(yōu)化,如何使用GIF動(dòng)畫(huà)來(lái)提高你的網(wǎng)站性能。我們都喜歡動(dòng)畫(huà),但它們會(huì )導致嚴重的網(wǎng)絡(luò )速度問(wèn)題,你的網(wǎng)站。學(xué)習**好的現代技術(shù)來(lái)優(yōu)化GIF和提高您的網(wǎng)站性能。
HisGIF(圖形交換格式)格式**早于1987年開(kāi)發(fā)。Steve wilhite CompuServeGIF首次改進(jìn)了黑白圖像,允許在使用過(guò)程中使用256色,同時(shí)保持了壓縮格式。它也可以由那些使用慢速調制解調器加載。此外,Web開(kāi)發(fā)人員和設計開(kāi)發(fā)人員可以通過(guò)計時(shí)延遲創(chuàng )建動(dòng)畫(huà)。而今日GIF無(wú)變化。
由于其簡(jiǎn)單性,該格式被廣泛支持,并與它可以用于流視頻剪輯方便,GIF格式是**古老的文件格式或常用的今天。此幀動(dòng)畫(huà)GIF確保盡管JPEG和PNG圖像有所增加,該格式仍然流行。
從它們的流行性和普遍性來(lái)看,雖然在互聯(lián)網(wǎng)上(尤其是關(guān)于GIF動(dòng)畫(huà)GIF),它們并不是**有效的圖像選擇。如果您正在網(wǎng)站上使用圖像,則優(yōu)化圖像以避免產(chǎn)生太多開(kāi)銷(xiāo)是很重要的。
本文將優(yōu)化您的圖像靜態(tài)和動(dòng)態(tài)的方式,并將提供一個(gè)很好的替代使用GIF動(dòng)畫(huà),以消除頁(yè)面膨脹。
為什么要優(yōu)化圖片 性能問(wèn)題當設計你的頁(yè)面,圖片不是**有效的圖片選項。盡管它們非常善于吸引用戶(hù)的注意力,并且通常喜歡以一種有趣的方式提供短信息,但圖像不是設計動(dòng)畫(huà)(盡管它們通常用于此)。因此,使用GIF會(huì )導致頁(yè)面權重過(guò)大和用戶(hù)體驗差,從而導致頁(yè)面加載速度慢。
如何在使用GIF時(shí)提高網(wǎng)站性能
在本節中,我們將向您展示幾種提高網(wǎng)站與使用GIF性能的方法。讓我們先找出處理靜態(tài)圖片的方法。我們將討論如何減少GIF動(dòng)畫(huà)的開(kāi)銷(xiāo)。
壓縮圖像有兩種方法
優(yōu)化GIF的主要方法之一是對其進(jìn)行壓縮。有兩種常見(jiàn)的壓縮方法
有損壓縮:有損壓縮從原始文件中刪除一些數據,從而減小圖像的文件大小。但是,每次保存壓縮文件時(shí),圖像質(zhì)量都會(huì )降低,這可能會(huì )導致圖像隨著(zhù)時(shí)間的推移變得模糊、像素化。
無(wú)損壓縮:無(wú)損壓縮,保留原始文件中的所有數據,這意味著(zhù)可以壓縮壓縮文件以獲得原始文件。盡管文件大小仍然較大,但如果使用有損壓縮,圖像質(zhì)量不會(huì )隨時(shí)間而降低。
在本文后面,我們將討論優(yōu)化GIF類(lèi)型的影響。
使用靜態(tài)GIF到PNG來(lái)提高網(wǎng)站的性能。
提高網(wǎng)站性能的**簡(jiǎn)單方法是以PNG格式格式而不是GIF格式渲染圖像。這兩種格式在簡(jiǎn)單圖形的選擇上非常相似,PNG文件可以壓縮到5ndash的大小;25%比**初使用無(wú)損壓縮技術(shù)(稱(chēng)為L(cháng)empel-Ziv-Welch(LZW)算法(定義于20世紀70年代)創(chuàng )建的等價(jià)GIF文件GIF少。不過(guò),現代壓縮技術(shù)的性能比LZW高得多,你可以利用這種格式,利用這些技術(shù),如使用。
這種文件格式轉換很容易,有多種軟件可供選擇,包括基于Web的免費應用程序,如pic。IO和convertio。
有兩種方法可以使用動(dòng)態(tài)GIF提高網(wǎng)站的性能
GIF動(dòng)畫(huà)雖然非常流行,但可能是需要很長(cháng)時(shí)間才能加載的巨大文件。例如,一個(gè)GIF可以在幾秒鐘內達到幾兆字節長(cháng)。要提高網(wǎng)站的性能,請使用以下技術(shù)之一:
有損優(yōu)化
將GIF動(dòng)畫(huà)移到HTML5視頻
論GIF有損優(yōu)化動(dòng)畫(huà)
因為包括GIF在內的絕大多數動(dòng)畫(huà)數據都是圖形數據,因為無(wú)損優(yōu)化無(wú)法修改圖形數據。當它超過(guò)了優(yōu)化動(dòng)畫(huà)的**低限度GIF,你只有一個(gè)可行的選擇:有損優(yōu)化技術(shù)。
有損優(yōu)化之所以有效,是因為人眼無(wú)法很好地辨別顏色的細微變化。例如,一個(gè)圖像可能包含數千種色調的顏色,而一個(gè)像素顯示的顏色與它旁邊的顏色僅稍有不同。因為你的眼睛無(wú)法區分兩種色調,所以圖像文件很容易操作:一種顏色替換另一種顏色,使文件變小。
因為動(dòng)畫(huà)是一系列的個(gè)人禮物,所以可以使用這些技術(shù)來(lái)減小動(dòng)畫(huà)文件的大小。通過(guò)使每個(gè)文件變小,您的整個(gè)文件就變小了。方法是使用一個(gè)簡(jiǎn)單的軟件套件,可以自動(dòng)壓縮(例如,修改版本GIFsicle)。
HTML5視頻轉換GIF動(dòng)畫(huà)
盡管可以減小GIF動(dòng)畫(huà)的大小,但**終可能會(huì )得到一個(gè)比需要大的文件。這個(gè)禮物從來(lái)沒(méi)有打算存儲視頻,現在認為動(dòng)畫(huà)是真正的結果,試圖減少相同的元數據傳輸開(kāi)銷(xiāo)的存儲和多圖像共享。然而,今天,我們有另一個(gè)選擇,使您的圖片縮小95%:轉換您的GIF動(dòng)畫(huà)HTML5視頻。
HTML5視頻是現代Web瀏覽器無(wú)需使用外部插件即可使用的視頻內容;視頻gt;標簽。當這個(gè)特性在2009年首次發(fā)布時(shí),關(guān)于如何存儲這些視頻以及如何對它們進(jìn)行編碼的爭論很多。不過(guò),現在公認的標準是存儲在MP4容器文件中的H.264視頻(為簡(jiǎn)單起見(jiàn),這里稱(chēng)之為MP4視頻)。除了看起來(lái)更好,由于其設計視頻流,MP4文件更小更好:
有許多方法可以將GIF動(dòng)畫(huà)轉換為MP4,例如流行的開(kāi)放源碼命令行工具FFmpeg和網(wǎng)絡(luò )實(shí)用程序云轉換。使用后者,我們可以看到通過(guò)轉換保存文件大小。
GIF是當今**古老的文件格式或常用格式,因其簡(jiǎn)單,幾乎支持通用,可作為動(dòng)畫(huà)使用。盡管有這些積極的特點(diǎn),圖像往往是大文件,導致臃腫的網(wǎng)頁(yè),這可能會(huì )對您的網(wǎng)站性能產(chǎn)生負面影響,并導致用戶(hù)體驗差。因此,您應該認真考慮優(yōu)化靜態(tài)GIF,從GIF動(dòng)畫(huà),并使用更現代的技術(shù),如HTML5/MP4視頻來(lái)實(shí)現視頻剪輯。要獲得關(guān)于這些變化的更深入的信息,請下載嚴格的免費電子書(shū)GIF圖書(shū):優(yōu)化的綜合指南GIF。
http://ezekroy.com/jianzhanzhishi/1098.html 如何使用GIF動(dòng)畫(huà)提高網(wǎng)站性能