展示了Mac版Safari技術(shù)預(yù)覽版中這一炫酷新功能的關(guān)鍵優(yōu)勢(shì)

大多數(shù)人沒(méi)有意識(shí)到，在自己喜歡的網(wǎng)站中以動(dòng)畫(huà)GIF形式嵌入的短動(dòng)畫(huà)會(huì)帶來(lái)巨大的性能，電池，文件大小和帶寬損失。動(dòng)畫(huà)GIF對(duì)于網(wǎng)絡(luò)性能而言非常糟糕：它們的文件大小通常比H.264視頻大12倍，而加載和顯示在瀏覽器中的能量卻是其2倍。而且由于僅有微不足道的256色調(diào)色板，它們的色彩范圍有限，而且總體上看起來(lái)不太好。

這是因?yàn)楦鶕?jù)原始GIF89a規(guī)范的措辭，即使可以有限的方式完成，GIF(圖形交換格式的首字母縮寫(xiě))也“不旨在用作動(dòng)畫(huà)平臺(tái)” 。

值得慶幸的是，蘋(píng)果的Safari瀏覽器似乎可以幫助終結(jié)使用GIF作為微格式視頻，模因和可愛(ài)動(dòng)畫(huà)的網(wǎng)絡(luò)默認(rèn)格式的做法。

這是因?yàn)镾afari Technology Preview(Safari技術(shù)預(yù)覽版)是Safari的特殊版本，開(kāi)發(fā)人員可以在macOS和iOS中測(cè)試即將到來(lái)的Web技術(shù)，它的最新更新允許Web開(kāi)發(fā)人員在HTML“ img”標(biāo)簽中嵌入MP4等真正的視頻格式。

Colin Bendell 現(xiàn)在 (通過(guò) Daring Fireball的John Gruber)展示了Mac版Safari技術(shù)預(yù)覽版中這一炫酷新功能的關(guān)鍵優(yōu)勢(shì)：在“ img”標(biāo)簽中嵌入真正的.MP4視頻文件，渲染速度快了20倍，快了7倍解碼和它的GIF相比，除了文件大小的四分之一外。

圖表A：來(lái)自Colin的原始文章(其中嵌入了一些GIF動(dòng)畫(huà)用于說(shuō)明目的)在Chrome上為46 MB。在Safari技術(shù)預(yù)覽版中，同一網(wǎng)頁(yè)只有2 MB，其GIF轉(zhuǎn)換為MP4并與“ img”標(biāo)簽一起使用。

“現(xiàn)在，我們的微型視頻可以小而有效(例如MP4)，并且可以輕松地預(yù)加載，自動(dòng)播放和共享(例如我們的老朋友GIF)，”科林很好地總結(jié)道。

這種方法的其他好處包括能夠輕松保存或共享此類動(dòng)畫(huà)，使用HEIC(H.265編解碼器)以4K格式創(chuàng)建節(jié)省空間的動(dòng)畫(huà)等功能。

下表包含的表格說(shuō)明了Colin僅通過(guò)轉(zhuǎn)碼giphy.com上趨勢(shì)發(fā)展的前100個(gè)GIF動(dòng)畫(huà)文件并將其轉(zhuǎn)換為H.264，H.265，VP8，VP8和WebP即可成功實(shí)現(xiàn)的字節(jié)大小節(jié)省視頻格式。

這種方法并非沒(méi)有潛在的缺陷，因?yàn)槟壳?，將MP4動(dòng)畫(huà)包裝在“ img”標(biāo)簽中通常會(huì)帶來(lái)一系列復(fù)雜的問(wèn)題，需要開(kāi)發(fā)人員方面進(jìn)行大量手動(dòng)工作以確保將來(lái)的兼容性。

就是說(shuō)，如果您想親自測(cè)試該新功能，則必須從Apple下載Safari Technology Preview。Safari Technology Preview可以與計(jì)算機(jī)上已經(jīng)安裝的Safari商業(yè)版本共存。