如何呈现firefox新标签中的“热门网站”的图标?


0

当我在firefox中打开一个新标签时,我会根据我的历史记录或根据我选择显示的内容获取热门网站。
此处显示了顶级站点列表中的一行。
有些是简单的 长方形 (例如雅虎财经,lichess.org),而有些人有 较小的矩形 在底部角落(例如谷歌新闻,雅虎邮件)。
有些只是简单的 单个起始信 (例如N),而有些则具有相关性 图标 (例如Y,whatsapp,lichess.org)。

为什么这种不一致的品种?
为什么firefox对待不同的网站?

One row of top sites in the firefox new tab

Answers:


1

这似乎是基于网站提供的favicon的大小。使用48 x 48像素图标我看到了底部的小图标,但当我将我的图标更新为512 x 512像素png时,它变为更大的图标。


+1,感谢输入;虽然它没有完全回答这个问题,但它确实提供了一些可能性
Prem

1

Firefox使用网站的移动设备图标来显示大图标,这些图标由网站设计者/所有者在网站的标题(头部)中通过元标记设置 - 最初用于在网站上保存/添加书签时移动设备,显示为应用程序图标。

为什么Firefox开发团队认为这是代表网站的最佳方式,我永远不会知道。但结果是,没有此移动应用程序图标的网站将显示为网站的快照,快照缩略图右下方的网站为favicon。

所以这一切都归结为一个网站是否被设计为在移动使用中显示为应用程序。希望这有助于理解它 - 即使它是一个荒谬的设计选择。


欢迎来到StackExchange!此外,谢谢你的答案听起来不错,但如果你能为此提供一些参考,那就太棒了。
Prem

1
不知道如何使用这个界面,并看到我不知道Mozilla已经发布了有关该主题的任何详细文档。我是一名拥有十多年工作经验的网站开发人员,因此我对网站结构和实际洞察力的了解将成为“参考”。
Kenoi

我知道你的意思,但目前这里有两个答案,这个问题的访问者无法弄清楚哪个是正确的。 Web链接(对某些文档或某些源代码注释)将支持答案。
Prem

我实际上不允许对另一个答案发表评论(而且,就个人而言,我已经讨厌过这个平台)。具有512像素大小的PNG图标将无法在较旧的Web浏览器上正确显示,这些浏览器期望ICO文件包含图标的16,32和48像素图像,这是很长一段时间的标准。有关更多背景,请参见此处 en.wikipedia.org/wiki/Favicon 您将获得与标准ICO图标和元标记中定义的大型PNG移动(触摸)图标的更好兼容性。
Kenoi
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.