如何将网站徽标设置为Chrome中的书签图标？

Question

书签图标显示为网站首字母。

我曾尝试在头部分的变化之下，但他们都不是工作

<link rel="shortcut icon" sizes="192x192" href="https://matchball.org/images/Png - Only Logo - Variant 3.png" type="image/x-icon"> 

<meta property="og:image" content="https://matchball.org/images/Png%20-%20Only%20Logo%20-%20Variant%203.png" /> 

<meta property="og:image" content="https://matchball.org/images/Png - Only Logo - Variant 3.png" /> 

Answer 1

问题已经解决 -

1. Chrome会显示在书签栏和最近的页面选项卡的快捷方式图标（或网站标志），当且仅当标志的尺寸为24×24，即最高72x72，192x192等的倍数

2. 标志的大小在添加href属性中的标识引用之前，必须更改（通过裁剪或图像调整大小工具）。通过CSS或HTML无法工作。

3. 由于大多数网站都使用巴纽类型的图像，其没有任何背景，因此调整他们在油漆或天真的图像编辑器将添加了白background.In这种情况下this网站被证明是非常有帮助的，我可以调整图像无损压缩（如果用户希望这样做）并且不添加背景。