美文网首页互联网科技Tech技术干货
为何Google的新logo只有305字节

为何Google的新logo只有305字节

作者: geekzph | 来源:发表于2015-09-18 21:53 被阅读353次

    旧的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

    相关文章

      网友评论

        本文标题:为何Google的新logo只有305字节

        本文链接:https://www.haomeiwen.com/subject/ekibcttx.html