為何Google的新logo只有305字節(jié)

舊的logo使用的復(fù)雜的襯線字體匣距,這種字體只能使用貝塞爾曲線創(chuàng)建曲線面哥。所有加在一起毅待,一共有100錨點(diǎn)尚卫,導(dǎo)致其為一個(gè)6kb的文件尸红。經(jīng)過壓縮,大小變?yōu)?kb外里。

old_google_logo.png

經(jīng)過簡(jiǎn)化的新logo,從另一方面來說盅蝗,可以用圓形和矩形進(jìn)行創(chuàng)建(除了小寫e)。

new_google_logo.png

整個(gè)logo包括:

  • 10個(gè)圓形
  • 5個(gè)矩形
305字節(jié)是真實(shí)的大小嗎墩莫?

盡管Google沒有發(fā)布優(yōu)化的305字節(jié)的logo,并且似乎網(wǎng)上也找不到狂秦,但是我相信他們大小降到了他們宣稱的305字節(jié)。

為了驗(yàn)證這一點(diǎn)裂问,我用SVG格式重畫了第一個(gè)字母G牛柒,最終未經(jīng)壓縮的大小為302字節(jié),壓縮后未195字節(jié)焰络。

下面是整個(gè)未經(jīng)壓縮的圖像,包括兩個(gè)圓和兩個(gè)矩形闪彼。

<svg xmlns="http://www.w3.org/2000/svg">                                                        
<circle r="100" cy="100" cx="100" fill="#4885ed"/>
<circle r="70" cy="100" cx="100" fill="#ffffff"/>
<rect transform="rotate(-40 166,67)" height="78" width="99" y="27" x="117" fill="#ffffff"/>
<rect height="30" width="88" y="87" x="111" fill="#4885ed"/>
</svg>

生成的圖形:

crate_logo.png
為什么這很重要

正如Google在他們的blog中寫到的:

舊的logo由于其復(fù)雜的襯線字體和過大的文件尺寸,使我們不得不為低帶寬的用戶提供了一個(gè)文本近似的logo畏腕。新的logo減少了文件尺寸從而避免了這一變通方案,當(dāng)考慮到我們的目標(biāo)是使Google變得更加容易訪問和有用描馅,這一改變是有重大影響的。

譯自:https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末铭污,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子嘹狞,更是在濱河造成了極大的恐慌,老刑警劉巖磅网,帶你破解...
    沈念sama閱讀 221,198評(píng)論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異涧偷,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)燎潮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門规哲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來跟啤,“玉大人唉锌,你說我怎么就攤上這事隅肥“兰颍” “怎么了腥放?”我有些...
    開封第一講書人閱讀 167,643評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵绿语,是天一觀的道長(zhǎng)候址。 經(jīng)常有香客問我,道長(zhǎng)种柑,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評(píng)論 1 296
  • 正文 為了忘掉前任荠雕,我火速辦了婚禮,結(jié)果婚禮上炸卑,老公的妹妹穿的比我還像新娘。我一直安慰自己煤傍,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評(píng)論 6 397
  • 文/花漫 我一把揭開白布五续。 她就那樣靜靜地躺著,像睡著了一般返帕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上篙挽,一...
    開封第一講書人閱讀 52,156評(píng)論 1 308
  • 那天镊靴,我揣著相機(jī)與錄音,去河邊找鬼偏竟。 笑死,一個(gè)胖子當(dāng)著我的面吹牛踊谋,可吹牛的內(nèi)容都是我干的蝉仇。 我是一名探鬼主播殖蚕,決...
    沈念sama閱讀 40,743評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼睦疫!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蛤育,我...
    開封第一講書人閱讀 39,659評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤葫松,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后底洗,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體腋么,經(jīng)...
    沈念sama閱讀 46,200評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡亥揖,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了徐块。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片未玻。...
    茶點(diǎn)故事閱讀 40,424評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡胡控,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出昼激,到底是詐尸還是另有隱情庇绽,我是刑警寧澤橙困,帶...
    沈念sama閱讀 36,107評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站凡傅,受9級(jí)特大地震影響辟狈,放射性物質(zhì)發(fā)生泄漏夏跷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評(píng)論 3 333
  • 文/蒙蒙 一槽华、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧猫态,春花似錦佣蓉、人聲如沸亲雪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽套像。三九已至终息,卻和暖如春夺巩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背柳譬。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評(píng)論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留美澳,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,798評(píng)論 3 376
  • 正文 我出身青樓制跟,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親雨膨。 傳聞我的和親對(duì)象是個(gè)殘疾皇子擂涛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容