Favicon 線上製作
用一張圖片做出網站需要的所有 favicon。
如何使用 Favicon 產生器
加入標誌或圖片
將 PNG、JPG、WebP、GIF 或 SVG 拖放到頁面上。形狀簡單的正方形圖片效果最好。
調整外觀
裁切為正方形或顯示完整圖片，選擇透明或彩色背景，加上內距並設定圓角。預覽會顯示每種尺寸和瀏覽器分頁的效果。
下載並加入程式碼
下載 ZIP，將檔案上傳到網站的根目錄，再把 HTML 程式碼貼到頁面的 head 區段。
為什麼選擇 Utils365
完整的一組
內含 16、32 和 48 px 的 favicon.ico、PNG favicon、Apple touch 圖示、Android 圖示和 site.webmanifest，全部依瀏覽器預期的方式命名。
下載前先預覽
查看圖示在實際尺寸以及淺色和深色瀏覽器分頁中的樣子，細節不會遺漏。
注重隱私
一切都在您的瀏覽器中完成，您的標誌絕不會上傳到伺服器。
常見問題
我需要哪些尺寸的 favicon？
favicon.ico（16、32 和 48 px）用於瀏覽器分頁和書籤，180 px 的 Apple touch 圖示用於 iPhone 和 iPad 主畫面，192 和 512 px 的 PNG 用於 Android 和已安裝的網頁應用程式。這個工具能用一張圖片做出全部尺寸。
ICO、PNG 還是 SVG：該用哪種 favicon 格式？
三種都用。favicon.ico 到處都能用，包括舊版瀏覽器和會自動尋找它的工具。PNG favicon 在固定尺寸下清晰銳利。SVG favicon 在任何尺寸都清晰；從 SVG 開始製作時就會產生。
什麼是 apple-touch-icon？
這是使用者把你的網站加到 iPhone 或 iPad 主畫面時所用的圖示。尺寸為 180 × 180 px，不能透明，因此會以實色背景儲存（若你選了透明則為白色）。iOS 會自行套用圓角。
favicon 檔案要放在哪裡？
解壓縮到網站的根目錄，和首頁放在一起，讓 favicon.ico 位於 yoursite.com/favicon.ico。接著把本頁顯示的 HTML 程式碼貼到每個頁面的 head 區段，或貼到網站範本中。
為什麼新的 favicon 沒有出現？
瀏覽器會將 favicon 快取很長一段時間。直接開啟 favicon 的網址、強制重新整理，或用無痕視窗查看新圖示。