继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Google的新徽标是如何做到从14,000字节减小到305字节的?

拉丁的传说
关注TA
已关注
手记 448
粉丝 126
获赞 788

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

5b8788ed0001212406400217.jpg

我看到过 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倍(!)。

原文链接:http://www.apkbus.com/blog-847095-76688.html

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP