Favicon 網站圖示產生器
從任何圖片建立多尺寸.ico網站圖示檔案。選擇所需尺寸,預覽每個解析度,下載單一favicon.ico——全部在瀏覽器內完成。
試用範例:
如何產生Favicon
3步驟建立多尺寸.ico檔案
上傳圖片
上傳Logo、圖示或任何方形圖片。帶透明背景的PNG效果最佳。
選擇尺寸
選擇要包含的尺寸:16x16、32x32、48x48、64x64、128x128、256x256。即時預覽每個尺寸。
下載.ico
下載包含所有已選尺寸的favicon.ico檔案。放到網站根目錄即可使用。
FAQ
常見問題
favicon.ico是瀏覽器用來在分頁、書籤及瀏覽紀錄中顯示的小型圖示檔案。.ico格式可在單一檔案中包含多種尺寸,瀏覽器會依據不同情境選擇最合適的尺寸。
對大多數網站而言,16x16(瀏覽器分頁)、32x32(工作列)及48x48(Windows桌面)是必要的。加入64x64、128x128及256x256可為高解析度螢幕及較大圖示情境提供更好的品質。
使用透明背景的PNG效果最好。正方形圖片效果最佳。如果圖片不是正方形,會被拉伸以符合尺寸。
不會。整個favicon產生過程都在你的瀏覽器中透過JavaScript執行。你的圖片絕不會離開你的裝置。
將下載的favicon.ico放到網站的根目錄。在HTML的<head>區塊加入 <link rel="icon" href="/favicon.ico">。大多數瀏覽器也會自動偵測根URL下的favicon.ico。
.ico格式主要用於網站。行動應用程式圖示通常需要特定尺寸的獨立PNG檔案。不過這裡顯示的預覽圖可以按右鍵另存為PNG檔案單獨使用。


