Favicon產生器
從圖片或文字/表情產生網站圖示,建立多種尺寸(16x16到256x256)並下載為PNG或ZIP。免費線上工具,即時產生結果。
什麼是Favicon?
Favicon是顯示在瀏覽器分頁、書籤和歷史記錄中的小圖示,幫助使用者直觀地識別您的網站,建立品牌認知。
需要哪些尺寸?
常見尺寸有16x16(瀏覽器分頁)、32x32(Windows工作列)、48x48(Windows站點)、180x180(Apple觸控圖示)和256x256(高解析度顯示器)。本工具產生所有常用尺寸。
如何將Favicon加入網站?
在HTML的<head>部分為每個尺寸加入<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">。對於Apple裝置,加入<link rel="apple-touch-icon" href="/apple-touch-icon.png">。
支援哪些圖片格式?
PNG是Favicon最廣泛支援的格式。本工具產生PNG檔案。現代瀏覽器也支援SVG格式的Favicon,但PNG在所有瀏覽器和裝置上具有更好的相容性。
可以從文字或表情建立Favicon嗎?
可以,您可以從文字、字母或表情建立Favicon。只需輸入文字或表情,自訂字型、顏色和背景,然後產生Favicon。
favicon.ico和favicon.png有什麼區別?
Favicon.ico是傳統格式,可以在一個檔案中包含多個尺寸。Favicon.png是現代格式,具有更好的品質和透明度支援。大多數現代網站使用PNG格式。
網站需要Favicon嗎?
是的,Favicon對於品牌認知和使用者體驗至關重要。它們顯示在瀏覽器分頁、書籤和搜尋結果中,幫助使用者快速識別您的網站。
可以使用透明背景嗎?
可以,PNG格式支援透明度。您可以建立透明背景的Favicon,在淺色和深色瀏覽器主題上都能良好顯示。
什麼是Apple觸控圖示?
Apple觸控圖示是較大的圖示(180x180),當使用者將您的網站加入iOS主螢幕時使用。它提供比預設截圖更好的視覺體驗。
如何為漸進式Web應用(PWA)建立Favicon?
對於PWA,您需要在manifest.json檔案中引用多個圖示尺寸。包括192x192和512x512圖示,以及用於Android自適應圖示的可遮罩圖示。
可以上傳自己的圖片嗎?
可以,您可以上傳PNG、JPG或SVG圖片。工具會自動調整大小並最佳化為所有Favicon尺寸。
這個工具免費嗎?
是的,這個Favicon產生器完全免費。無需註冊,無浮水印,無限使用。
什麼樣的Favicon是好的?
好的Favicon應該簡單、在小尺寸下可識別、使用對比色並代表您的品牌。避免在縮小到16x16畫素時變得不清晰的複雜細節。
如何測試Favicon?
將Favicon加入網站後,清除瀏覽器快取並重新載入頁面。Favicon應該顯示在瀏覽器分頁中。您還可以檢查書籤和歷史記錄以檢視圖示。