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