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

Question

书签图标显示为网站的第一个字母。

我在头部部分尝试了以下更改，但都没有工作

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" />

Answer 1

问题已解决-

1. 当且仅当 logo 的 尺寸是 24x24 的倍数（即 72x72、192x192 等）时，Chrome 才会在书签栏和最近的页面标签中显示快捷方式图标（或网站徽标）。

2. 在 href 属性中添加徽标引用之前，必须更改徽标的大小（通过裁剪或图像调整大小工具）。通过 css 或 html 设置样式不起作用。

1234563可以使用无损压缩（如果用户希望这样做）调整图像大小，而无需添加背景。