Favicon显示在选项卡标题中，但在通过从网址栏拖动创建快捷方式时不显示

Question

当我打开网页时，我的收藏夹图标显示在选项卡标题旁边。 那部分工作正常。

我有一个工作流，用户可以拖动锚标记来创建指向我网站上特定元素的超链接，而那些被拖动的链接都不会随网站图标一起出现。

例如：如果您单击指向该stackoverflow页面的链接并将其拖动到桌面，则stackoverflow图标是显示在桌面上的图标。 如果您不明白我的意思，请在Windows上单击URL旁边的“锁定”图标并将其拖到桌面上，它将创建一个快捷方式，该快捷方式将具有stackoverflow图标作为其图标。

当我在网站上执行此操作时，它会显示google chrome图标而不是网站图标。

更新： 关于我正在做的事情和到目前为止的结果的更详细的描述。

使用Chrome时，我永远都无法使用favicon或apple-touch-icon。 但是，当我使用firefox时，从地址栏中的锁中拖动时，它将使用apple-touch-icon；将锚标记拖到桌面时，它将使用带有白色背景的图标。

最终，我想做的是支持硬链接到用户在内置有文件管理器的Web应用程序中创建的文件。因此，该应用程序中的文件管理器显示所有文件，您可以拖动与那些文件关联的定位标记文件到计算机资源管理器文件夹结构中，当您从计算机文件夹结构启动该链接时，它将直接导航到Web应用程序中的该文件（绕过应用程序的文件管理器），所以我想支持的两件事是

• 将锚标记拖到主机时的图标（部分在firefox和IE 11中工作，而在chrome中工作）
• 应用快捷方式的自定义名称（在chrome中工作，在将URL的最后斜杠格式化为将％20转换为空格后显示该文本，而不是在Firefox中，它仅显示完整的url，在IE11中部分工作，在IE11之后显示该文本斜线，但包含％20而不是空格）

Answer 1

快速解决方案

使用RealFaviconGenerator生成您的网站图标。 它生成的图标和代码可与桌面快捷方式配合使用（查看兼容性测试结果 ，“ PC / Chrome”行和“主屏幕”列）。 完全披露：我是这项服务的作者。

更长的解决方案和更多细节

我复制了您描述的过程（拖动StartOverflow的此页面的锁，等等），这就是我得到的：

但是，如果我使用“更多工具”>“创建快捷方式”，则该链接正在使用SO的图标。 也许这是您要支持的方案？

创建此图标时，Chrome会找到找到的180x180 Apple Touch图标。 换句话说，您可以通过在网站中创建并声明此图标来解决问题。