2016-2022 All Rights Reserved.平安財經網(wǎng).復制必究 聯(lián)系QQ280 715 8082 備案號:閩ICP備19027007號-6
本站除標明“本站原創(chuàng)”外所有信息均轉載自互聯(lián)網(wǎng) 版權歸原作者所有。
大多數(shù)人沒有意識到,在自己喜歡的網(wǎng)站中以動畫GIF形式嵌入的短動畫會帶來巨大的性能,電池,文件大小和帶寬損失。動畫GIF對于網(wǎng)絡性能而言非常糟糕:它們的文件大小通常比H.264視頻大12倍,而加載和顯示在瀏覽器中的能量卻是其2倍。而且由于僅有微不足道的256色調色板,它們的色彩范圍有限,而且總體上看起來不太好。
這是因為根據(jù)原始GIF89a規(guī)范的措辭,即使可以有限的方式完成,GIF(圖形交換格式的首字母縮寫)也“不旨在用作動畫平臺” 。
值得慶幸的是,蘋果的Safari瀏覽器似乎可以幫助終結使用GIF作為微格式視頻,模因和可愛動畫的網(wǎng)絡默認格式的做法。
這是因為Safari Technology Preview(Safari技術預覽版)是Safari的特殊版本,開發(fā)人員可以在macOS和iOS中測試即將到來的Web技術,它的最新更新允許Web開發(fā)人員在HTML“ img”標簽中嵌入MP4等真正的視頻格式。
Colin Bendell 現(xiàn)在 (通過 Daring Fireball的John Gruber)展示了Mac版Safari技術預覽版中這一炫酷新功能的關鍵優(yōu)勢:在“ img”標簽中嵌入真正的.MP4視頻文件,渲染速度快了20倍,快了7倍解碼和它的GIF相比,除了文件大小的四分之一外。
圖表A:來自Colin的原始文章(其中嵌入了一些GIF動畫用于說明目的)在Chrome上為46 MB。在Safari技術預覽版中,同一網(wǎng)頁只有2 MB,其GIF轉換為MP4并與“ img”標簽一起使用。
“現(xiàn)在,我們的微型視頻可以小而有效(例如MP4),并且可以輕松地預加載,自動播放和共享(例如我們的老朋友GIF),”科林很好地總結道。
這種方法的其他好處包括能夠輕松保存或共享此類動畫,使用HEIC(H.265編解碼器)以4K格式創(chuàng)建節(jié)省空間的動畫等功能。
下表包含的表格說明了Colin僅通過轉碼giphy.com上趨勢發(fā)展的前100個GIF動畫文件并將其轉換為H.264,H.265,VP8,VP8和WebP即可成功實現(xiàn)的字節(jié)大小節(jié)省視頻格式。
這種方法并非沒有潛在的缺陷,因為目前,將MP4動畫包裝在“ img”標簽中通常會帶來一系列復雜的問題,需要開發(fā)人員方面進行大量手動工作以確保將來的兼容性。
就是說,如果您想親自測試該新功能,則必須從Apple下載Safari Technology Preview。Safari Technology Preview可以與計算機上已經安裝的Safari商業(yè)版本共存。
2016-2022 All Rights Reserved.平安財經網(wǎng).復制必究 聯(lián)系QQ280 715 8082 備案號:閩ICP備19027007號-6
本站除標明“本站原創(chuàng)”外所有信息均轉載自互聯(lián)網(wǎng) 版權歸原作者所有。