PG Logo
  • Business Insider
  • Kotaku
  • Lifehacker
  • Openair Cinemas
  • Pedestrian.TV
Logo The News Of Tomorrow, Today
Subscribe
  • Reviews
    • Camera
    • Car
    • Entertainment
    • Gadgets & Smart Home
    • Gaming
    • Laptop & Tablet
    • PC & Peripheral
    • Smartphone
    • Smartwatch and Fitness Tracker
    • View All Reviews
  • Smart Home & Gadgets
  • Mobile
  • Cars
  • Online
  • Science & Health
  • Cameras
  • Computing
  • Gaming
  • Entertainment
  • Reviews
    • Camera
    • Car
    • Entertainment
    • Gadgets & Smart Home
    • Gaming
    • Laptop & Tablet
    • PC & Peripheral
    • Smartphone
    • Smartwatch and Fitness Tracker
    • View All Reviews
  • Smart Home & Gadgets
  • Mobile
  • Cars
  • Online
  • Science & Health
  • Cameras
  • Computing
  • Gaming
  • Entertainment

Want Gizmodo's email newsletter?

Follow us, subscribe and get in touch

  • Contact Gizmodo Australia
  • Facebook
  • Twitter
  • Instagram
  • Youtube
  • RSS

Recent Posts

Facebook Finally Bans Myanmar Military After Feb. 1 Coup
A friend of Myanmar protester Mya Thwate Thwate Khaing, who died after being shot during a rally against the military coup, looks at pictures of her on a phone during a memorial service in Naypyidaw on February 25, 2021. (Photo: STR/AFP, Getty Images)
Facebook Finally Bans Myanmar Military After Feb. 1 Coup
Holy Crap Watch This Plane Crash Into A Car On The Highway
Holy Crap Watch This Plane Crash Into A Car On The...
Mercedes Teases Coupes And Cabriolets Of ‘A Different Form And Shape,’ Whatever That Means
Mercedes Teases Coupes And Cabriolets Of ‘A Different Form And Shape,’...
‘Hey Google’ Voice Command on Wear OS has Been Busted for Months
Image: Gizmodo
‘Hey Google’ Voice Command on Wear OS has Been Busted for...
Every Major Movie and TV Show Coming to Disney+ In 2021
Image: Marvel/Disney
Every Major Movie and TV Show Coming to Disney+ In 2021

Deals

Every Major Movie and TV Show Coming to Disney+ In 2021
Image: Marvel/Disney

Every Major Movie and TV Show Coming to Disney+ In 2021

The Best USB Microphones for Streamers, Podcasters and Musicians
Image: iStock/visualspace
The Best USB Microphones for Streamers, Podcasters and Musicians
Aussie Broadband is Flogging A Cheap NBN 100 Plan Right Now
Aussie Broadband is Flogging A Cheap NBN 100 Plan Right Now
How To Use Your Gaming Controllers With Your Computer
How To Use Your Gaming Controllers With Your Computer
All The Neon Signs You Could Ever Want To Light Up Your Space
All The Neon Signs You Could Ever Want To Light Up...

Sponsored Articles

How Could Google’s New Logo Be Only 305 Bytes When Its Old Logo Was 14,000 Bytes?

Share

Ilya Yakubovich - QUORA

Published 5 years ago: September 7, 2015 at 4:00 am -
Filed to:google
google logographic designlogostypography
How Could Google’s New Logo Be Only 305 Bytes When Its Old Logo Was 14,000 Bytes?
Facebook may have decided that you shouldn’t see the news, but we think you deserve to be in the know with Gizmodo Australia’s reporting. To sign up for our daily newsletter covering the latest news, features and reviews, head HERE. For a running feed of all our stories, follow us on Twitter HERE. Or you can bookmark the Gizmodo Australia homepage to visit whenever you need a news fix.

The old logo uses a complicated serif font which can only be created using bezier curves. All together, it has 100 anchor points, resulting in a 6KB (6380 bytes) file. When compressed, the size comes down to 2KB (2145 bytes).

A simplified version of the new logo, on the other hand, can be constructed almost entirely from circles and rectangles (with the exception of the lower-case g):

The entire logo consists of:

  • 10 circles (2 each for the capital G and lower case g, 2 for each O, and 2 for the e)
  • 5 rectangles (2 for the capital G, 1 for the lower case l, 2 for the e)
  • 1 shape made with 7 anchor points (the descender on the lower-case g)

While Google hasn’t released the optimised 305 byte logo and it doesn’t seem to be available online, I believe that they got the size down to 305 bytes as they claim.

To verify this, I recreated the first letter (G) in the SVG format, resulting in a file that’s 302 bytes uncompressed, and 195 bytes compressed.

Here’s the entire uncompressed graphic, consisting of two circles and two rectangles:

<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>

This generates the graphic on the right:

As another user pointed out, there is also a way to generate the new logo using strokes rather than fills. This is also something that wasn't possible to do with the old log, and can result in an even smaller file.

The code for the entire logo (courtesy of Jaume Sanchez Elias) is 290 bytes:

<svg xmlns="SVG namespace" width="600" height="250">
<g stroke-width="16" fill="none">
 <path d="M173 102a51 51 0 1 1-13-30m20 37h-53" stroke="#4a87ee"/>
 <circle cx="227" cy="128" r="32" stroke="#d83038"/>
 <circle cx="313" cy="128" r="32" stroke="#f4c022"/>
 <path d="M401 160a31 31 0 1 1 0-61m-4 0a24 29 0 1 1 0 61m26-67v79m-1-12a20 20 0 1 1-52 17" stroke="#4a87ee"/>
 <path stroke="#4ab95a" d="M449 51v115"/>
 <path d="M529 118a30 30 0 1 0-2 24m5-32l-62 28" stroke="#d83038"/>
</g>
</svg>

Using this approach, the entire logo can be drawn using 2 circles (for the 2 o's) and 4 paths (for the G, g, l, and e).

About the author: Ilya Yakubovich, UI Designer

How could Google's new logo be only 305 bytes, while its old logo is 14,000 bytes? originally appeared on Quora. You can follow Quora on Twitter, Facebook, and Google+.

This answer has been lightly edited for grammar and clarity.

Share this Story
Get our Newsletter Subscribe
There are no more articles to be viewed

© 2007 - 2021 Pedestrian Group

  • About
  • Advertise
  • Contact
  • Privacy Policy
  • Terms of Use

Haven't registered? Sign up here
Lost your password? Click here to reset

Back to Login? Click here

Email newsletters will contain a brief summary of our top stories, plus details of competitions and reader events.

Back to Login? Click here

Subscribe to our newsletter!

Now you can get the top stories from Gizmodo delivered to your inbox. Enter your email below.

By subscribing you agree to our Terms of Use and Privacy Policy.