一些社交工具，如谷歌+使用一个简单的方法来获取外部链接的图标，抓取 http://your.domainname.com/favicon.ico

因为它们不预取HTML内容，<link>标记将不起作用。在这种情况下，您可能希望使用mod_rewrite规则，或者只是将文件放置在默认位置。

.png文件很好，但是.ico文件也提供alpha通道的透明度，而且它们还提供向后兼容性。

看看StackOverflow使用的是哪种类型(注意它是透明的):

<link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico"> 
<link rel="apple-touch-icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png">

apple-itouch是为iphone用户设计的一个网站快捷方式。

如果你想要可靠的IE6兼容性，在任何情况下都不要使用PNG格式。

PNG有两个优点:它的尺寸更小，它的使用和支持更广泛(favicons除外)。 如前所述，ICO可以有多个大小的图标，这对桌面应用程序很有用，但对网站来说并不太多。 我建议你把favicon.ico放在应用程序的根目录中。一个如果你有访问你的网站页面的头部使用标签指向一个png文件。 旧的浏览器会显示favicon.ico，新浏览器显示png。

要创建Png和图标文件，我建议使用Gimp。

ico文件理论上的优势是它们是可以容纳多个图标的容器。例如，您可以存储带有alpha通道的图像和用于遗留系统的16色版本的图像，或者您可以添加32x32和48x48图标(当拖动链接到Windows资源管理器时将显示)。

然而，这个好主意往往与浏览器实现相冲突。

答案被替换了(并变成了社区维基)，因为在这个帖子中有许多其他人的更新和注释:

ico和png都允许完全基于alpha通道的透明度 ICO允许向后兼容旧浏览器(例如IE6) PNG可能对透明度有更广泛的工具支持，但你也可以找到创建alpha通道ico的工具，比如@mercator提到的Dynamic Drive工具和Photoshop插件。

请在这里咨询其他答案以了解更多细节。