Favicon 產生器：製作網站圖示
一張影像，整個集合：一個真正的多尺寸 ICO，Apple 觸控圖示按Apple 想要的方式扁平化，清單 PNG、Web 清單本身以及要貼上的HTML 塊。它還會在被咬之前向您顯示 Android 可遮蓋作物，這是大多數圖示悄悄失去邊緣的地方。
Android 可能會裁剪成圓圈。在某些裝置上，它以外的任何內容都可以被剪下。
| 檔案 | 尺寸 | 它的用途 |
|---|
為什麼 .ico 仍然很重要
對於大多數瀏覽器來說，單個 PNG 就足夠了，如果您只需要一個選項卡圖示，您可以停在那裡。 ICO 之所以贏得一席之地，是因為它在一個檔案中儲存了多種解析度，並且作業系統會選擇正確的解析度 - 選項卡使用 16 個解析度，固定快捷方式或桌面連結使用 32 或 48 個解析度，並且每個解析度都是從針對該尺寸製作的點陣圖繪製的，而不是從動態的大解析度中壓縮出來的。它產生的檔案是一個帶有小標頭的 PNG 容器，這是本世紀發布的每個瀏覽器所讀取的內容。
可遮蔽安全區
Android 不承諾將您的圖示顯示為正方形。根據啟動器的不同，它可能會將其裁剪為圓形、方形圓形或圓角正方形，並且您得到的保證只是內圓——寬度的百分之八十，居中。延伸到邊緣的藝術品正是失去邊緣的藝術品。將清單圖示填入該安全區域即可解決此問題，並且此處的預覽會繪製裁剪圖，以便您可以在使用者之前看到它。
為什麼Apple觸控圖示沒有透明度
iOS 將主螢幕圖示合成到自己的圓形形狀上，並且不以您希望的方式支援 Alpha 頻道；透明區域顯示為黑色。這樣，一個檔案在編碼之前會被展平到背景顏色上，而清單 PNG 會保留其 alpha，並正確處理。
如何處理檔案
將它們放在網站的根目錄下，而不是放在資產資料夾中 - 瀏覽器和爬蟲會猜測圖示路徑，並且無論您是否連結它，有些都會獲取它。然後將 HTML 塊貼到頁面的頭部。清單路徑是唯一必須與實際放置檔案的位置相符的行。
常見問題解答
如果我有 PNG，我還需要 favicon.ico 嗎？
嚴格來說，不。實際上，是的——大量爬蟲、提要閱讀器和舊工具透過路徑請求網站圖示，但從不檢視您的標記。它花費幾千位元組。
我的圖示在 16 畫素時看起來很模糊。我能做些什麼？
這裡沒有任何辦法可以修復它，因為沒有足夠的空間。在這個尺寸下，標記的寬度大約有十個清晰的畫素；標識總是會變成糊狀。傳送一個簡化版本（一種形狀，一個字母）作為來源，並為其他任何地方保留完整的鎖定。
我應該關閉可遮蔽填充嗎？
僅當您的藝術品已經位於其自己的慷慨邊距內時。如果它填滿了框架，請將其保留，否則Android將裁剪到其中。
我的圖片上傳到任何地方了嗎？
否。每個尺寸都在此頁面的畫布上繪製，並且存檔在記憶體中組裝。沒有傳送任何內容。