Favicon 產生器
一張圖或一個字母,產生整套網站圖示(ICO+PNG)。
產生完整的 favicon 套件
上傳標誌或輸入字母/表情符號,選擇背景形狀和顏色,然後下載一個 ZIP 檔案,內含 favicon.ico、所有 PNG 尺寸(16 → 512)、Apple touch 圖示、準備好的 site.webmanifest 以及 HTML 標籤 — 一切都在您的瀏覽器中本地渲染。
Favicon Generator 將一個來源——標誌、照片,或僅一個粗體字母或表情符號——轉換為現代網站所需的完整圖示包:供舊版瀏覽器和網址列使用的 favicon.ico、16 至 512 像素的 PNG 尺寸、iOS 主螢幕用的 180px Apple touch 圖示、Android Chrome 圖示、可直接使用的 site.webmanifest,以及可貼上至 <head> 中的精確 HTML 標籤。一鍵下載 ZIP,搞定。
即時預覽會以實際尺寸顯示您的圖示 — 包含模擬瀏覽器分頁 — 因為 favicon 的殘酷現實是它們必須能在 16×16 像素下清晰可辨。字母模式正是為此而生:在彩色圓角方形上放一個粗體首字母,是分頁中最易辨識的內容。所有渲染和壓縮都在您瀏覽器中本地完成;您的作品絕不會離開您的裝置。
常見問題
2026年網站實際上需要哪些檔案?
一個 favicon.ico(包含16/32/48尺寸)、16/32/48的favicon PNG、180px的apple-touch-icon.png、192和512的Android Chrome圖示,以及引用這些檔案的site.webmanifest。這正是ZIP檔案中的內容,加上HTML標籤。
我該把檔案放在哪裡?
將所有檔案上傳到您網站的根目錄(使 /favicon.ico 可解析),然後將提供的標籤貼到頁面的 <head> 中。ZIP 中的 html-snippet.txt 已為您準備好。
為什麼我精美的標誌在16像素看起來像雜訊?
細節在總面積 256 像素下無法保留。增加內距,或切換至字母模式——單一粗體字元在純色背景上仍可辨識,而完整標誌則無法。
什麼是ICO檔案?為什麼它包含三種尺寸?
ICO 是一種容器格式:瀏覽器會從中選取最合適的尺寸(分頁用 16、工作列用 32、捷徑用 48)。產生器會將三種尺寸都以全彩透明圖像嵌入。
透明背景會保留嗎?
是的——選擇「透明」形狀以保留來源的 Alpha 通道,適用於所有 PNG 和 ICO 格式。帶有背景的形狀(方形、圓角、圓形)則是為需要實色背景的來源而設計。
Apple觸碰圖示是做什麼用的?
當有人將你的網站添加到iOS主畫面時,那個180×180的圖像就會成為應用程式圖示。iOS會自行圓角處理,因此全出血的方形設計最適合。
我可以使用表情符號作為我的網站圖示嗎?
是的——切換到字母模式並輸入任何表情符號。它會使用您系統的表情符號字體,在您選擇的形狀和顏色上渲染。對於個人網站來說,這是一個合理且令人印象深刻的選項。
我的標誌是否已上傳?
不會。渲染、ICO 編碼和 ZIP 打包都在你的瀏覽器內進行 — 工具載入後即可離線運作。