成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

使用HTML5視頻改善GIF動(dòng)畫性能

2016-08-14    分類: 網(wǎng)站建設(shè)

動(dòng)畫GIF在網(wǎng)上流行是有理由的,它們提供比普通圖像更多的參與度,同時(shí)與典型視頻相比更容易消化,然而,GIF存儲(chǔ)視頻需要大量內(nèi)存,導(dǎo)致頁面加載時(shí)間慢和數(shù)據(jù)使用率高。使用HTML5視頻,您可以將GIF內(nèi)容的大小減少多達(dá)98%,同時(shí)仍然保留瀏覽器中GIF格式的獨(dú)特品質(zhì)。


動(dòng)畫GIF對我們來說很有意義, 在所有瀏覽器中,它們很容易制作并且運(yùn)行良好。但GIF格式最初并不適用于動(dòng)畫。GIF格式的原始設(shè)計(jì)是提供一種使用無損壓縮算法(稱為LZW壓縮)壓縮單個(gè)文件內(nèi)的多個(gè)圖像的方法,這意味著它們可以在相當(dāng)短的時(shí)間內(nèi)下載,即使在慢速連接上也是如此。之后,添加了基本的動(dòng)畫功能,允許文件中的各種圖像(幀)繪制時(shí)間延遲。默認(rèn)情況下,構(gòu)成動(dòng)畫的一系列幀僅顯示一次,在顯示最后一幀后停止。Netscape Navigator 2.0是第一款增加動(dòng)畫GIF循環(huán)功能的瀏覽器,它導(dǎo)致動(dòng)畫GIF的興起,知道現(xiàn)在依然在流行中。

作為動(dòng)畫平臺(tái),GIF格式非常有限。動(dòng)畫中的每個(gè)幀僅限于256種顏色的調(diào)色板,多年來,壓縮技術(shù)的進(jìn)步使得動(dòng)畫和視頻文件的壓縮和使用方式得到了一些改進(jìn),與正確的視頻格式不同,GIF格式不利用任何新技術(shù),這意味著即使幾秒鐘的內(nèi)容也會(huì)導(dǎo)致非常大的文件大小,因?yàn)榇鎯?chǔ)了大量重復(fù)信息。

即使嘗試使用Gifsicle等工具調(diào)整GIF的質(zhì)量和長度,也很難將其縮小到合理的文件大小。這就是為什么像外國Giphy,Imgur等GIF網(wǎng)站不使用實(shí)際的GIF格式,而是將其轉(zhuǎn)換為HTML5視頻并向用戶提供服務(wù)的原因。 我們了解到外國一個(gè)有名團(tuán)隊(duì)Pinterest工程團(tuán)隊(duì)發(fā)現(xiàn)新功能,將動(dòng)畫GIF轉(zhuǎn)換為HTML5視頻可以減少加載時(shí)間并提高播放流暢度,從而帶來更愉悅的用戶體驗(yàn)。

因此,我們應(yīng)該研究一些技術(shù),使我們能夠使用HTML5視頻作為動(dòng)畫GIF的替代品,將動(dòng)畫GIF轉(zhuǎn)換為視頻文件,并檢查如何在網(wǎng)絡(luò)上正確嵌入這些視頻文件,以便它們像GIF一樣運(yùn)行。

新聞名稱:使用HTML5視頻改善GIF動(dòng)畫性能
當(dāng)前鏈接:http://jinyejixie.com/news21/45621.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、網(wǎng)站導(dǎo)航、軟件開發(fā)、靜態(tài)網(wǎng)站外貿(mào)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
滦南县| 柳州市| 波密县| 甘孜| 宁强县| 普兰店市| 射阳县| 祥云县| 高邑县| 诸城市| 翁源县| 长沙县| 慈溪市| 文水县| 吉木萨尔县| 淄博市| 阿鲁科尔沁旗| 定边县| 贺州市| 桂林市| 杭锦旗| 运城市| 武隆县| 锦州市| 汕尾市| 广宗县| 东源县| 南华县| 依兰县| 武汉市| 潞西市| 长子县| 太和县| 竹溪县| 精河县| 行唐县| 稷山县| 澎湖县| 木里| 仪征市| 宿州市|