Google的新徽標是如何做到從14,000位元組減小到305位元組的?

硅發佈


谷歌換新logo有一段時間了,不過這次有點意思的Google的新logo只有305字節,而老的Logo則有14000字節,足足縮小了97%。按照谷歌的網絡流量,這一個簡單Logo就能為整個互聯網省下不少帶寬啊。

從圖結構來看,變小的原因很明顯,谷歌的舊Logo使用了serif字體,而這類字體只能通過貝塞爾曲線來創建。從谷歌的Logo可以看到,舊Logo有多達100個錨點,這麼多錨點字節大不足為奇。

谷歌新版的Logo在進行了大量簡化,除了小寫的字母g以外,其他字母均可以由圓形和矩形構造出來。如下圖所示:

繪製方式簡單了很多,所以字節量有顯著的減少。咳咳,這是不是意味之前Google沒有想好怎麼設計logo就上線了。


我會在這裡發佈所有與科技、科學有關的有趣文章,歡迎訂閱我的頭條號。偶爾也回答有趣的問題,有問題可隨時在評論區回覆和討論。

(碼字不易,若文章對你幫助可點贊支持~)


楊沐白


近期,谷歌宣佈使用全新的 logo 設計,新的 logo 看起來比舊有的字體簡潔、現代了不少。而這個新版本的谷歌 logo 的亮點在於,它的字體設計文件的大小隻有 305 字節,而原來的 logo 字體設計花費了 14000 字節!這樣大幅度的減小,而視覺上的效果卻相差不遠,谷歌是怎麼做到的呢?

我看到過 Quora 上有用戶對這個問題做過回答,大概內容是這樣的:

- 一個設計是如何大大減少文件大小?

舊徽標使用複雜的襯線字體,只能使用貝塞爾曲線創建。所有在一起,它有 100 個定位點,導致一個 6 KB(6,380字節)的文件。壓縮時,大小降低到2 KB(2,145字節)。

另一方面,新徽標的簡化版本可以幾乎完全由圓形和矩形構成(除了小寫字母g)。

整個標誌包括:

- 10 個圈(大寫 G 和小寫 g 各 2 個,每個 O 2 個,e 2 個)

- 5 個矩形(大寫 G 為 2,小寫 l 為 1,e 為 2)

- 1 個由 7 個錨點組成的形狀(小寫字母 g 上的下行)

- 305 字節是一個其 logo 的真實大小嗎?

雖然谷歌還沒有發佈優化的 305 字節的標誌,它似乎並沒有在網上可用,但我相信他們得到的尺寸確實下降到 305 字節。

使用這種方法,可以使用 2 個圓圈(2個)和 4 個直線(G,g,l 和 e)繪製整個標誌。

- 為什麼這很重要?

正如谷歌在他們的博客中所述:

舊的標識以其複雜的襯線和較大的文件大小要求我們為低帶寬連接提供基於文本的徽標近似值。新徽標的文件大小減小了,避免了這種變通方法,當您考慮我們的目標是讓全球用戶更容易訪問和使用谷歌,包括十億美元時,這種一致性將產生巨大的影響。

“下一個十億”是指預計到 2016 年將開始使用互聯網的十億人。他們大多位於非洲和亞洲部分地區,其帶寬非常昂貴。在一些地方,比美國高出100倍(!)。


硅發佈


一張圖就說明一切了,如果你還沒看懂,我再貼一張蘋果的logo給各位看看就明白了!


分享到:


相關文章: