为何Google的新logo只有305字节

旧的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变得更加容易访问和有用,这一改变是有重大影响的。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容