如何將網站徽標設置爲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網站被證明是非常有幫助的，我可以調整圖像無損壓縮（如果用戶希望這樣做）並且不添加背景。