設定
上傳一張圖片（最好為正方形），產生多種尺寸的 PNG favicon、一個多尺寸 .ico 檔案以及網站的 HTML 程式碼。一切都在你的瀏覽器中進行。

拖曳圖片或點擊選擇

PNG, JPEG, WebP, GIF, BMP, AVIF

運作方式

從單張圖片產生網站的網站圖示。它以常用尺寸（16、32、48、64 像素，Apple 與 Android 圖示）產生 PNG，以及一個可直接使用的多尺寸 .ico 檔案。

除了圖片外，它還提供帶有相應 link 標籤的 HTML 程式碼片段，你只需將其貼到網站的 head 中並放置產生的檔案即可。

一切都在你的瀏覽器中產生：圖片不會上傳到任何伺服器。最好從正方形且設計簡單的圖片開始，以便在小尺寸下也能被良好辨識。

使用情境

  • 從標誌為新網站建立網站圖示。
  • 無需安裝編輯程式即可產生多尺寸 .ico。
  • 取得用於 iOS 與 Android 主畫面的圖示。
  • 取得帶有網站圖示標籤、可直接貼上的 HTML。

常見問題

應該使用什麼來源圖片？

一張正方形、解析度良好（理想為 512×512 或更大）且設計簡單的圖片。精細的細節在 16 或 32 像素下會遺失，因此清晰、對比強烈的符號比充滿文字的標誌效果更好。

.ico 檔案有什麼用？

.ico 是許多瀏覽器預設在網站根目錄尋找的經典網站圖示。它在單一檔案中包含多種尺寸，因此可作為相容舊版瀏覽器的後備方案。

我把檔案與程式碼放在哪裡？

將 PNG 與 .ico 上傳到你的網站（通常在根目錄或資源資料夾中），並將產生的 HTML 片段貼到 head 標籤內，必要時調整路徑。

我的圖片會上傳到伺服器嗎？

不會。網站圖示的產生完全在你的瀏覽器中進行；圖片絕不會離開你的裝置。

另請參閱