书签图标显示为网站的第一个字母。
我在头部区域尝试了以下更改，但它们都没有工作
1
<link rel="shortcut icon" sizes="192x192" href="https://matchball.org/images/Png - Only Logo - Variant 3.png" type="image/x-icon">
2
<meta property="og:image" content="https://matchball.org/images/Png%20-%20Only%20Logo%20-%20Variant%203.png" />
3
<meta property="og:image" content="https://matchball.org/images/Png - Only Logo - Variant 3.png" />
答案 0 :(得分：2)
问题已经解决 -
当且仅当徽标的尺寸是24x24的倍数即72x72,192x192等时，Chrome才会在书签栏和最新页面标签中显示快捷图标（或网站徽标）。
在href属性中添加徽标引用之前，必须更改徽标的大小（通过裁剪或图像调整大小工具）。通过css或html格式化将无法正常工作。
由于大多数网站都使用没有任何背景的.png类型图片，因此在绘画或天真的图像编辑器中调整它们会增加白色背景。在这种情况下，this网站证明非常有用我可以使用无损压缩来调整图像大小（如果用户希望这样做）并且不添加背景。