Favicon 圖標指的是一個網站的標示圖片,通常會顯示在瀏覽器網頁標題的開頭和書籤裏,類似於 APP 的圖標。 Favicon 圖標是一個網站的重要標示,可以幫助用户識別出你的網站。

Favicon 原本是一個 16×16 像素的正方形圖片,但是由於 Retina 屏幕的大量出現,現在一般使用一張 32×32 像素的圖片來保證顯示效果。

如何給網站添加 Favicon 圖標

首先要使用 PS 或者一些生成軟件來製作一個屬於自己的 Favicon 圖標,然後把它命名為 favicon.ico 上傳到網站根目錄即可,瀏覽器檢測到圖標文件的存在會自動使用。

在 WordPress 中設置 Favicon 圖標

雖然在 WordPress 中也可以使用上邊的方法為網站添加 Favicon 圖標,但是我並不推薦,因為 WordPress 提供了一種更為簡便的方法。

進入後台的 「外觀」→「自定義」,打開左側的 「站點身份」 欄目,可以看到 「站點圖標」 選項,在這裏點擊 「選擇文件」 即可上傳製作好的圖標:

(這裏的圖片應該儘量選擇 512×512 像素及以上的,因為還會有別的用處,詳見下文) 。

選擇好圖片之後開始進行裁剪,在左邊選出圖片中想作為圖標的那一部分,然後在右邊預覽好效果之後就可以點擊 「裁剪圖像」 了:

在這之後,WordPress 會自動根據需要把圖片裁剪成幾份,然後保存下來,裁剪可能會比較慢,需要耐心等待。

裁剪好之後點擊 「保存併發布」,就完成了設置:

去前台刷新一下頁面,是不是圖標已經出來了呢?

APP 圖標

在這裏上傳的圖片同樣會被用作 APP 圖標。在 iOS 系統的 Safari 中,使用添加到主屏幕功能將網站添加到主屏幕上,你會發現這個 「APP」 的圖標就是剛剛你設置的那個。