123 123EasyTools 123EasyGo 旗下工具網站

網站工具

Favicon Generator

上傳圖片,在瀏覽器本機產生 PNG favicon 預覽與 HTML link tags。

圖片會在瀏覽器本機處理,不會上傳到伺服器。第一版輸出 PNG favicon,不產生 .ico 檔。

Favicon 預覽

選擇圖片後會產生常見 favicon 尺寸預覽與 HTML link tags。

這個工具是什麼

Favicon Generator 可在瀏覽器本機將圖片縮放成 16x16、32x32、48x48、180x180 等常見 favicon 預覽,並產生 HTML link tags。第一版輸出 PNG favicon,不產生 .ico 檔,也不會上傳圖片。

如何使用

  1. 1 上傳圖片檔。
  2. 2 檢查各尺寸預覽是否清楚。
  3. 3 下載 PNG favicon 並複製 HTML link tags。

公式

使用 canvas 將來源圖片縮放到常見 favicon 尺寸。

計算例子

上傳 512x512 logo 後,可預覽 32x32 favicon 並下載 PNG,同時複製 favicon link tags。

常見問題

圖片會上傳到伺服器嗎? +

不會。圖片會在瀏覽器本機用 canvas 處理,不需要後端,也不會上傳到伺服器。

可以產生 .ico 檔嗎? +

第一版不產生 .ico,主要輸出 PNG favicon 與 apple-touch-icon link tags。

來源圖片需要正方形嗎? +

建議使用正方形圖片,否則縮放成 favicon 時可能被壓扁或顯示不理想。

工具導覽

同分類工具

相關工具

相關工具集合

最近使用

目前還沒有最近使用紀錄。打開任一工具頁後會出現在這裡。