グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして?

グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして?

  • ギズモード・ジャパン
  • 更新日:2015/09/07
No image

そんなに違うの?

グーグルの新ロゴが発表され、旧ロゴのファイルの大きさは14,000バイトだったのに対し、新ロゴはたった305バイトになったそうです。どうしてそこまで変わるのか? UIデザイナーのIlya YakubovichさんがQ&AサイトQuoraでわかりやすく解説してくれています。

グーグルの古いロゴにはローマン体のフォントが採用されていて、セリフと呼ばれる飾り(線の端にちょこんと付いてるやつ)あるため、ベジエ曲線を使わないと作れないデザインでした。その結果、ロゴ全体でのアンカーポイントは100箇所。ファイルの大きさは6KB(6,380バイト)になり、圧縮しても2KB(2,145バイト)といったところです。

一方シンプルになった新しいロゴの場合、小文字のg以外の大部分が丸と長方形だけを使って作られています。

No image

ロゴを構成するもの

・10個の丸(大文字のGと小文字のgに2つずつ、oに2つずつ、eに2つ)
・5個の長方形(大文字のGに2つ、小文字のlに1つ、eに2つ)
・7箇所のアンカーポイントがある形1個(小文字のgの下部分)

まだグーグルは最適化された305バイトのロゴをリリースしておらず、オンラインでも利用可能になっていないようですが、私はきっとグーグルの主張に嘘はなく、新ロゴは本当に305バイトまでサイズダウンされたんだと思います。

では、それが本当かを検証していきましょう。まず最初の1文字「G」をSVGフォーマットを使って再現してみました。その結果、圧縮なしで302バイト、圧縮して195バイトになりました。

下が圧縮していないGの図形です。2つの丸と2つの長方形から構成されています。

図を整えると右側のGに。

No image

他のユーザーさんの指摘では、新ロゴはフィル(fill、塗り)ではなくストローク(stroke、線)でも作ることができるそうです。これも旧ロゴではありえなかった特徴の1つ。そうすると、もっと小さいファイルにすることができます。

この方法をとれば、新ロゴ全体は2つの丸(oに1個ずつ)と4つ線(G、g、l、e)でできていることになります。

No image

なるほどー! 同じ「Google」の文字でも、作るプロセスが違うとここまで変わってくるものなんですね。東京オリンピックのロゴしかり、プロによるデザインはパッと見では到底わからない奥深さがあります。

source:Ilya Yakubovich

Ilya Yakubovich - QUORA - Gizmodo US[原文
(SHIORI)

この記事をお届けした
グノシーの最新ニュース情報を、

でも最新ニュース情報をお届けしています。
5
南米だけじゃない! 北欧の美尻娘が Instagram で大注目 / スウェーデンのユニコーンこと “イネス・ヘレン” さん(23)
人気の記事ランキング一覧へ

話題の記事

「iPhone6s」ケースや大きさって?発売前のiPhone6sの情報まとめ
  • ピース又吉の『火花』、評価や評判をまとめてみた&今週の視聴率ランキング
    ピース又吉の『火花』、評価や評判をまとめてみた&今週の視聴率ランキング
  • iPhone6sをSIMフリー化する方法&スペックまとめ
    iPhone6sをSIMフリー化する方法&スペックまとめ
  • 胸を打つ!お絵かきの時間に文字を逆さまに書く男の子。その理由に泣かされた
    胸を打つ!お絵かきの時間に文字を逆さまに書く男の子。その理由に泣かされた
  • もう普通の餃子には戻れない!?話題の「ファイト餃子」に行ってみた!
    もう普通の餃子には戻れない!?話題の「ファイト餃子」に行ってみた!