WordPress 如何更換網站小圖示 Favicon

WordPress 如何更換網站小圖示 Favicon

在網站中標題名稱前方有一個小圖示,就是網站小圖示 Favicon。
例如 Facebook 網站前方有一個 F 字頭的圖示。

便是 Facebook 網站小圖示 Favicon。

而我們架設的 WordPress 網站預設是 WordPress 官網的小圖示。

今天就來教學一下如何更換 WordPress 的網站小圖示 Favicon。

為什麼要更換網站小圖示 Favicon

擁有自己設計的網站小圖示 Favicon 是建立品牌形象的其中一小步。
雖然只是小小一個圖示,但卻是出現在網站名稱前面的圖示,對品牌形象的加分非常重要。
有了網站小圖示讓你網站提升了專業度及質感喔。

製作網站小圖示 Favicon 方法

一般使用的 Favicon 大小為 16 x 16 ,但若想製作更細致的圖示,可製作相同長寬的大小,例如 32 x 32 或 64 x 64 也是可以的,而副檔名格式為 ico 或 png。
通常我會選擇製作 32 x 32 大小的圖示比較剛好。

以下我提供幾個免費可製作網站小圖示 Favicon 的網站

Favicon.ico 製作

網址: http://tw.faviconico.org/
功能: 上傳圖片轉 ico 檔

faviconer

網址: http://www.faviconer.com/
功能: 手繪圖示、上傳圖片轉 ico 檔

faviconer

Favicon.io

網址: https://favicon.io/
功能: 上傳圖片轉 ico 檔、文字轉 ico、表情符號轉 ico

Favicon.io

flaticon

網址: https://www.flaticon.com/
功能: 搜尋眾多 icon 下載當作網站小圖示

輸入你想找圖示的名稱搜尋,會出現各種 icon,可直接下載 32 x 32 大小檔案,然後當作網站小圖示 Favicon。

更新 WordPress 網站小圖示 Favicon

已經製作好圖示之後,接著就要從後台上傳到網站上。
執行「外觀 > 自訂」。

執行「網站識別」。

在下方的「網站圖示」,點擊「選取網站圖示」。

接著就是選取剛剛已製作的 ico 或 png 網站小圖示。
上傳之後會先看到預覽。確認後按「發佈」。

這樣就完成了,馬上就可以測試一下是否已更新完成。

如果你剛上傳後,再回到網站測試,發現還是舊的圖示,原因是被瀏覽器 Cache 暫存了。
可以對瀏覽器按「Ctrl + F5」,讓網站重新讀取後就正常了喔。

重點整理

  1. 網站小圖示是建立品牌形象的一小步
  2. 網站小圖示的副檔名為 .ico,建議大小為 32 * 32
  3. 在後台「網站識別」可上傳圖示

相關學習文章

如果你在學習上有不懂的地方,可以參考專業諮詢或線上家教服務,我想辨法解決你的問題
如果文章內容有錯誤的地方,幫我在下方留言通知我一下,謝謝
喜歡我的文章,請幫我在上方綠色拍手圖示按 5 下,也歡迎按月贊助,鼓勵我繼續創作,謝謝

加入社團一起討論

2 thoughts on “WordPress 如何更換網站小圖示 Favicon

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

twenty − seven =