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

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

這是因為根據(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轉(zhuǎn)換為MP4并與“ img”標簽一起使用。

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

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

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

這種方法并非沒有潛在的缺陷，因為目前，將MP4動畫包裝在“ img”標簽中通常會帶來一系列復雜的問題，需要開發(fā)人員方面進行大量手動工作以確保將來的兼容性。

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