Google的新徽标是如何做到从14,000字节减小到305字节的?(11个回答) – 悟空问答

算法相关 徐 自远 658℃

谷歌换新logo有一段时间了,不过这次有点意思的Google的新logo只有305字节,而老的Logo则有14000字节,足足缩小了97%。按照谷歌的网络流量,这一个简单Logo就能为整个互联网省下不少带宽啊。

从图结构来看,变小的原因很明显,谷歌的旧Logo使用了serif字体,而这类字体只能通过贝塞尔曲线来创建。从谷歌的Logo可以看到,旧Logo有多达100个锚点,这么多锚点字节大不足为奇。

谷歌新版的Logo在进行了大量简化,除了小写的字母g以外,其他字母均可以由圆形和矩形构造出来。如下图所示:

绘制方式简单了很多,所以字节量有显著的减少。咳咳,这是不是意味之前Google没有想好怎么设计logo就上线了。


我会在这里发布所有与科技、科学有关的有趣文章,欢迎订阅我的头条号。偶尔也回答有趣的问题,有问题可随时在评论区回复和讨论。

近期,谷歌宣布使用全新的 logo 设计,新的 logo 看起来比旧有的字体简洁、现代了不少。而这个新版本的谷歌 logo 的亮点在于,它的字体设计文件的大小只有 305 字节,而原来的 logo 字体设计花费了 14000 字节!这样大幅度的减小,而视觉上的效果却相差不远,谷歌是怎么做到的呢?

我看到过 Quora 上有用户对这个问题做过回答,大概内容是这样的:

– 一个设计是如何大大减少文件大小?

旧徽标使用复杂的衬线字体,只能使用贝塞尔曲线创建。所有在一起,它有 100 个定位点,导致一个 6 KB(6,380字节)的文件。压缩时,大小降低到2 KB(2,145字节)。

另一方面,新徽标的简化版本可以几乎完全由圆形和矩形构成(除了小写字母g)。

整个标志包括:

– 10 个圈(大写 G 和小写 g 各 2 个,每个 O 2 个,e 2 个)

– 5 个矩形(大写 G 为 2,小写 l 为 1,e 为 2)

– 1 个由 7 个锚点组成的形状(小写字母 g 上的下行)

– 305 字节是一个其 logo 的真实大小吗?

虽然谷歌还没有发布优化的 305 字节的标志,它似乎并没有在网上可用,但我相信他们得到的尺寸确实下降到 305 字节。

使用这种方法,可以使用 2 个圆圈(2个)和 4 个直线(G,g,l 和 e)绘制整个标志。

– 为什么这很重要?

正如谷歌在他们的博客中所述:

旧的标识以其复杂的衬线和较大的文件大小要求我们为低带宽连接提供基于文本的徽标近似值。新徽标的文件大小减小了,避免了这种变通方法,当您考虑我们的目标是让全球用户更容易访问和使用谷歌,包括十亿美元时,这种一致性将产生巨大的影响。

“下一个十亿”是指预计到 2016 年将开始使用互联网的十亿人。他们大多位于非洲和亚洲部分地区,其带宽非常昂贵。在一些地方,比美国高出100倍(!)。

一张图就说明一切了,如果你还没看懂,我再贴一张苹果的logo给各位看看就明白了!

Google的新徽标是如何做到从14,000字节减小到305字节的?(11个回答) – 悟空问答http://t.jinritoutiao.js.cn/JstyyJ/

转载请注明:徐自远的乱七八糟小站 » Google的新徽标是如何做到从14,000字节减小到305字节的?(11个回答) – 悟空问答

喜欢 (1)

苏ICP备18041234号-1 bei_an 苏公网安备 32021402001397号