“我们是如何获得最受欢迎的图标”(2017)

2020-08-10 23:53:16

1988-1993 1994-1996 1997-2001 2002-2017所有档案特色侧记网站Spotlight Weblog on。1999年,两个最大的浏览器,Netscape Navigator和Microsoft Internet Explorer,全力争夺市场控制权。紧随其后的是1999年3月发布的Internet Explorer 5,该版本将为用户提供深度集成到Windows操作系统的免费浏览器,并对Netscape Navigator的市场份额造成最后一击。在未来的几年里,它将在针对微软的反垄断诉讼中发挥重要作用。

所有这一切都是说,浏览器制造商试验新功能和新想法,希望在竞争中获得某种优势,这一点并不少见。这两家公司之间的通信几乎闻所未闻,流程或代码几乎没有共享。

正是这种实验让微软的开发人员Bharat Shyam在开发Internet Explorer的“收藏夹”功能时做了一个相当简单的添加。在IE4中,用户可以将网站添加到他们的收藏列表中,这几乎是直接从Netscape的“书签”功能中剥离出来的。但这两种浏览器都缺乏的是一种轻松导航一长串网站的方式。

因此,为了让网站脱颖而出,Shyam在收藏夹列表中的每个网站旁边都添加了一个小图标;一个16x16px的图像,可以帮助用户将一个网站与另一个网站区分开来。他称这种小繁荣为“宠儿”,将“最爱”和“图标”结合在一起。今天,在我们的白话中,Favicon这个词几乎存在于它的词源之外,但它的起源几乎是欺骗性的简单。

为了启用网站的图标,Shyam做到了这一点,这样开发人员只需创建一个名为Favicon.ico的文件,并将其放在他们的Web服务器的根目录中。在将站点添加到用户的收藏列表之前,Internet Explorer会知道在那里查找可能的图标。

Shyam之所以选择.ico格式,是因为它是标准的Windows图标格式,并且被Windows操作系统广泛使用。由于当时的浏览器基本上是在真空中开发的,这在某种程度上是有意义的。随后选择让开发人员将图标放在服务器根文件夹中也是如此,因为这在Windows Web服务器上通常是一项简单的任务。

据说,有一天深夜,夏姆正在制作他最喜欢的新功能。他把初级项目经理Ray Sun叫过来看了一下。

夏姆评论说:“这很好,不是吗?签入?“,请求允许将代码签入Internet Explorer代码库,以便在下一个版本中发布。Sun并没有想太多,这个功能很酷,显然会给IE带来优势。所以他告诉夏姆把它加进去。就这样,这个收藏图标进入了Internet Explorer5,它将成为网络上有史以来最大的浏览器版本之一。

第二天,孙被他的经理斥责,因为他让这个功能这么快就通过了。事实证明,夏姆专门等到了当天晚些时候,因为他知道经验较少的项目经理会给他通行证。但到那时,代码已经合并到。顺便说一句,你会惊讶于有多少相对重要的浏览器功能已经悄悄地进入了这样的版本中。

不管是哪种情况,这部电影都大获成功。开发人员很快就接受了添加Favicon的想法,像雅虎这样的大公司甚至加入了进来。一些更好奇的人甚至发现了一个相当酷的副作用。起初,只有当用户将站点添加到他们的收藏夹列表中时,才会看到收藏图标。因此,如果你可以挖掘你网站的服务器日志,看看有多少人请求了folicon.ico文件,你也可以相当准确地统计出有多少人将你的网站添加为书签。

不过,这种情况不会持续太久。过了一段时间(通常是这样),网络标准开始迎头赶上。他们采取了更深思熟虑、更平易近人的方式。首先,在某些情况下,将收藏夹文件添加到服务器的Web目录可能很困难,甚至是不可能的。因此,W3C中出现的建议是使用具有新属性的link元素,该属性允许开发人员准确地定义在哪里可以找到收藏夹图标图像。这也为开发人员提供了使用.ico以外的格式的能力。它看起来是这样的:

浏览器的广泛采用很快带来了更多的创新,而创新反过来也带来了道路上的颠簸。例如,没过多久,微软就开始使用Favicon不仅用于书签,而且还用于几种不同的上下文,比如地址栏中URL旁边(其他浏览器很快就跟进了)。但微软的初衷是为收藏夹提供一张图片(快捷方式),为其他地方提供一张图片(图标)。该特性在通过W3C之前就已经通过,但从未完全实现。然而,它确实留下了一个奇怪的怪癖。在较旧版本的IE中,需要同时定义快捷键和图标才能使收藏夹起作用,即使实际上没有在任何地方使用该快捷键。它看起来是这样的:

因此,这就是Favicon如何偷偷进入Internet Explorer5,并继续成为更具定义的浏览器功能之一。这是今天感觉像是不需要动脑筋的快速决定之一。但即使是链条中最小的一环也有一个故事。

“网络历史”是一份每月两期的时事通讯,您可以在这里注册,网址是…。电子邮件地址可以在、上、上分享,或者查看完整的时间线Christopher Heng。什么是Favicon.ico以及如何为您的网站创建收藏图标图标。";站点向导。2017年5月5日。Https://www.thesitewizard.com/archive/favicon.shtml。

雷·韦尔斯特。最喜欢图标的意义是什么?网页设计师仓库(Web Designer Depot)。2012年11月11日。Https://www.webdesignerdepot.com/2012/11/whats-the-point-of-favicons/。

马蒂亚斯·拜恩斯。";rel=“快捷方式图标”被认为是有害的。";Mathias Byens。2010年4月4日。Https://mathiasbynens.be/notes/rel-shortcut-icon

我从“网络历史”中挑选了60多篇最好的帖子,并将它们汇编成一卷。现在,无论你走到哪里,你都可以读到网络的历史。多读一点历史让我们来谈谈“浏览器大战”。他们开始于90年代中期,当时世界是[…]。。