如何產生網頁圖示（favicon）並且符合各家瀏覽器規格

王思元 10:16 下午網站 , Blogger

Favicon 是與某個網站或網頁相關聯的圖示。瀏覽器可以將 favicon 顯示於瀏覽器的位址列中，也可置於書籤清單的網站名前，還可以放在標籤式瀏覽介面中的頁標題前。

在準備架設部落格時，就覺得網頁圖示（Favicon）一定要弄出來，屬於個人風格的圖示而不是預設共用的部落格圖示。

網站圖示

圖示需要畫圖，沒有任何對於圖示設計想法，幸好，還有 identicon 這東西可以使用。輸入一段文字，利用圖像表示該文字的雜湊（hash）值。

幾個目前可用的 identicon 線上產生器，

麻煩是圖示規格處理，從最早的 16x16，隨著裝置演進，有些需要 96x96，甚至 192x196。要找到這些規格，轉檔也需要費盡一番苦力。

幸好 realfavicongenerator.net 提供處理圖示的轉檔方案。只要上傳圖片，該網站自動會圖示格式轉檔並下載，並且根據需求產生程式碼，非常方便簡單。

該網站也有提供檢查設定的功能，看看在各個平台上瀏覽器上，是否都能正常顯示圖示。