【问题标题】:Why is the new google logo not in CSS? [closed]为什么新的谷歌标志不在 CSS 中? [关闭]
【发布时间】:2016-03-22 13:30:51
【问题描述】:

所以,我正在学习 CSS,并开始知道您可以使用 CSS 创建简单的图像。新的 google logo 完全由圆形和矩形组成,因此它的大小比旧的要小得多,这符合他们在互联网速度较慢的欠发达国家获取 google 的使命。我的问题是,使用 CSS 制作徽标不会比使用图片小很多

【问题讨论】:

  • 您是在问我们是否可以在 CSS 中实现 Google 徽标以及是否会更小? → 来试试吧。或者您想知道为什么一家跨国公司决定不在 CSS 中实现他们的徽标?! → 为他们工作并与相关人员交谈。

标签: css image image-size


【解决方案1】:

与往常一样,有多种方法可以解决问题。尝试在 CSS 中重新创建徽标是其中之一,但这不是 CSS 的用途。

Google 可以通过多种方式显示其徽标:

  • 作为图像:png、jpg、svg
    • 作为单独的文件
    • 嵌入到 html 或 css 文档中
  • 作为字体
  • 按照您的建议,在 html 和 css 中重新创建

这些解决方案各有优缺点。您只提到了一个好处,但它们还有很多其他需要检查的东西:性能、平台、可访问性......

通常,您会注意到仅显示图像会产生最佳效果。

【讨论】:

    【解决方案2】:

    根据Google's description 他们重新设计徽标的过程,有一个只有 305 字节的图像变体。所以他们不会通过将其转换为 CSS 获得太多收益。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-10-15
      • 1970-01-01
      • 1970-01-01
      • 2017-07-30
      • 2023-03-26
      • 2022-09-28
      相关资源
      最近更新 更多