有關WordPress的網站圖標功能和輸出的問題

Question

使用WordPress的4.7和站點圖標功能來圖標/網站圖標，它似乎工作，但結果似乎很奇怪，雖然我承認我遠離這方面的專家，並閱讀了大量有關最佳實踐的信息。設置在4個鏈接的部分使用WP的網站圖標設置結果中的圖片：

<link rel="icon" href="https://www.examle.com/wp-content/uploads/2016/12/cropped-test-favicon-32x32.png" sizes="32x32" />

<link rel="icon" href="https://www.examle.com/wp-content/uploads/2016/12/cropped-test-favicon-192x192.png" sizes="192x192" />

<link rel="apple-touch-icon-precomposed" href="https://www.examle.com/wp-content/uploads/2016/12/cropped-test-favicon-180x180.png" />

<meta name="msapplication-TileImage" content="https://www.examle.com/wp-content/uploads/2016/12/cropped-test-favicon-270x270.png" />

但它創建了10個不同版本的網站圖標圖像除原尺寸爲32x32,100x100,150x150,180x180,192x192,250x250,270x270,300x300,360x360,500x310。

爲什麼如此多的裁剪圖像只有4個鏈接？

此外，我提交了一個大小爲512x512的圖標圖像，但是500x310版本總是會被裁剪掉，所以圖標的頂部和底部被切斷。有沒有辦法解決這個問題和/或這是一個大問題？這個大小的圖標用於什麼？

什麼瀏覽器/設備支持做這個WP網站圖標封面？

這也不會在網站根目錄中創建favicon.ico文件，是否仍應包含該文件或不再需要它？

謝謝！

Answer 1

我是RealFaviconGenerator及其夥伴WordPress Favicon plugin的作者，所以我都有資格和偏見回答這個問題。

你提到的很多變種都是沒用的。他們可能已被外部文件引用，例如Web App Manifest（適用於Android Chrome）或browserconfig.xml（適用於IE/Edge），但這些文件既不生成也不聲明。所以你只是得到無用的（和無害的）圖像。

500x310圖像可能是Windows「寬」圖塊。這裏有4層不同的瓦片的形狀和尺寸的一個示例：

但是，這些4個圖像要麼經由browserconfig.xml的HTML，它們是不被聲明。所以是的，事實上你的圖像被裁剪以產生非方形圖像是一個問題（你的網站標識可能在這個過程中被破壞），但是沒有人會注意到一個問題。

WordPress網站圖標幾乎涵蓋所有平臺。所有主要平臺都可以處理生成並聲明的Apple Touch圖標。您真正想念的唯一圖標是macOS的Mask圖標（用於固定標籤和新的MacBook Touch Bar）。

只有傳統瀏覽器纔會錯過舊的favicon.ico。我不記得哪一代IE需要它，但它們必須相當老舊（想想：在XP或者Vista上的IE）。大多數情況下，這不應該是一個問題。最好不要讓你的WordPress安裝與手動編輯的文件混亂。

另一點是設計本身。WordPress的確實一個非常體面的努力爲您呈現最終的圖標：

然而，我特別的圖標，還有一個問題：我的形象是不是設計有其邊角圓潤的方式。這不是WordPress的錯：iOS無論如何都會圍繞它們。同樣的，透明的圖像：

的iOS填滿了黑色的透明度，使WordPress是準確的。但它沒有提供解決方法。這是「接受還是離開」。

設計還有另一個問題：每個平臺都有自己的風格。目前，「網站圖標」採用了一種萬能的方法。這很好，但不是很好。再次，它忽略了macOS的圖標。

有時，主題也帶有自己的favicon支持。據我所知，這種支持總是很輕鬆，僅涵蓋經典的桌面圖標。 WordPress網站圖標肯定更好。

作爲一個WordPress用戶，你有兩種基本的選擇：

• 使用內置的WordPress站點圖標。如果您的圖標不需要修改（例如它具有不透明的背景），並且您不需要macOS的圖標，這是一個很好的解決方案。

• 使用Favicon by RealFaviconGenerator。它涵蓋了一切，讓你製作平臺每平臺的圖標。您確切知道您的圖標在您的訪問者設備上的樣子。這是另一個可以安裝的插件，雖然它很輕巧。再次，我是這個插件的作者，所以除了評價我之外別無所求:)