为何Google的新logo只有305字节
2015-09-18 本文已影响353人
geekzph
旧的logo使用的复杂的衬线字体，这种字体只能使用贝塞尔曲线创建曲线。所有加在一起，一共有100锚点，导致其为一个6kb的文件。经过压缩，大小变为3kb。
old_google_logo.png
经过简化的新logo，从另一方面来说，可以用圆形和矩形进行创建（除了小写e）。
new_google_logo.png
整个logo包括：
- 10个圆形
- 5个矩形
305字节是真实的大小吗？
尽管Google没有发布优化的305字节的logo，并且似乎网上也找不到，但是我相信他们大小降到了他们宣称的305字节。
为了验证这一点，我用SVG格式重画了第一个字母G，最终未经压缩的大小为302字节，压缩后未195字节。
下面是整个未经压缩的图像，包括两个圆和两个矩形。
<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由于其复杂的衬线字体和过大的文件尺寸，使我们不得不为低带宽的用户提供了一个文本近似的logo。新的logo减少了文件尺寸从而避免了这一变通方案，当考虑到我们的目标是使Google变得更加容易访问和有用，这一改变是有重大影响的。
