

當你建立一個網站時,一個重要的任務是新增一個獨特的 favicon,以便讓使用者更容易地識別和記憶你的網站。如果你不是一個設計師,那麼建立一個專業的 favicon 可能會讓你感到困難。但是,幸運的是,有許多線上 Favicon 生成器可以幫助你快速建立一個漂亮的圖示。其中一個值得推薦的 Favicon 生成器是 https://favicon.io/。
在這個網站上,你可以通過上傳自己的影象、使用文字或從數百個 Emoji 中選擇來建立 Favicon。該網站提供了多種不同的圖示大小和格式供你選擇,並在生成後下載 Favicon 檔案。此外,該網站還提供了一組關於如何新增 Favicon 到網站的說明。
如果你想將生成的 Favicon 新增到自己的網站中,你需要將 Favicon 檔案上傳到你的網站伺服器上,並在 HTML 程式碼中新增以下標記:
首先,下載網站轉換後的圖標,並將這些文件放置在您網站的根目錄中。
android-chrome-192x192.pngandroid-chrome-512x512.png
apple-touch-icon.png
favicon-16x16.png
favicon-32x32.png
favicon.ico
site.webmanifest
現在接下來,複製以下連結標籤,並將它們粘貼到您的 HTML 的 head 中。
在上述標記中,href 屬性指定 Favicon 檔案的路徑,請確保將 href 屬性的值設定為你上傳的 Favicon 檔案的實際路徑。
https://favicon.io/