所有工具
Favicon Generator
Generate favicons
Generate favicons 在您的瀏覽器中本地執行
About the
Favicon Generator 獲取影像，將其從中心裁剪為正方形，並生成 64 x 64 的圖示檔案，您可以將其放入站點根目錄中。裁切比聽起來更重要：瀏覽器將網站圖示呈現為正方形，因此壓縮成正方形的寬標誌看起來不對，而中心裁切通常會保留可識別的部分。該影像在瀏覽器的畫布上進行處理，因此不會上傳任何內容。
Where people use the
- 在網站啟動之前從徽標生成網站圖示。
- 為原型或內部工具產生快速圖示。
- 替換模板中留下的佔位符圖示。
- 製作寬徽標的方形版本以在選項卡中使用。
How to use the
- 1
上傳圖片
選擇您要使用的徽標或影像。方形來源影像可提供最佳結果，因為沒有任何內容被切斷。
- 2
讓它裁剪並調整大小
將最短的邊用作裁剪正方形，從中心開始，結果以 64 x 64 繪製。
- 3
比較兩個預覽
原件和圖示並排顯示，以便您可以看到裁剪後刪除的內容。
- 4
下載圖示
將檔案另存為 favicon.ico 並將其放置在網站根目錄中，或將其上傳到框架需要靜態資源的任何位置。
提示和最佳實踐
- 上傳方形影像以避免丟失寬徽標的邊緣。
- 如果圖示要同時顯示在淺色和深色標籤上，請為圖示提供純色背景。
- 上傳後硬重新載入；瀏覽器會積極快取網站圖示。
常見問題
為什麼我的標誌被裁剪？
因為網站圖示是方形的。該工具從中心選取最大的適合的正方形。方形來源影像完全避免了裁切。
我該上傳什麼尺寸？
至少 64 x 64，如果可以的話，最好是正方形。較大的影像只是按比例縮小；較小的會看起來很軟。
我需要不只一種尺寸嗎？
對於大多數網站來說，一個圖示就足夠了，因為瀏覽器會為選項卡縮小 64 畫素的圖示。如果您希望到處都有清晰的結果，請分別產生 16、32 和 180 畫素版本。
檔案去哪裡？
網站根目錄為 favicon.ico，瀏覽器依慣例請求該根目錄。如果您的框架從 public 等目錄提供靜態檔案，請將其放在那裡。
為什麼選項卡仍然顯示舊圖示？
因為它被快取了。硬重新載入頁面，或在私人視窗中開啟它，然後會出現新圖示。