如何從圖片製作 favicon

更新於

favicon 是瀏覽器分頁中顯示的小圖示,以 .ico 檔案格式儲存。製作方式是從方形圖片開始轉換:打開 EditItAll 的 PNG 轉 ICO 轉換器,放入你的 logo,然後下載 .ico 檔案。轉換過程在瀏覽器中完成,圖片不會被上傳。

現在就做——免費,在瀏覽器裡

Open the PNG → ICO converter

什麼是 favicon,需要哪種格式

favicon 是瀏覽器在分頁、書籤與瀏覽紀錄中,顯示在網站名稱旁的小圖示。傳統格式是 ICO,這是一種大多數瀏覽器無需額外設定即可辨識的小型圖示檔案。

好的 favicon 有兩個重點:形狀應大致為方形,並且縮小到指甲大小時仍要清晰可辨。這就是為什麼 favicon 通常是一個粗體字母、一個 logo 圖形,或一個簡單形狀,而不是一張精細的照片。

把圖片轉換為 .ico

如果你已經有方形 logo,轉換只需一步:

  • 打開 PNG 轉 ICO 轉換器,放入你的圖片。
  • 等待轉換完成,然後下載 .ico 檔案。
  • 將它加入你的網站作為 favicon.ico,或在 HTML 中參照它。

從其他格式開始?照片或扁平 logo 可使用 JPG 轉 ICO 轉換器;如果你的圖案是向量圖,可使用 SVG 轉 ICO:向量來源最為理想,因為它能依圖示所需的任何尺寸清晰繪製。所有轉換皆在瀏覽器中完成,圖片不會被上傳。

先準備乾淨的方形素材

圖示的清晰度取決於你提供的素材。如果圖片不是方形,先在相片編輯器中裁切為方形,這樣轉換器就不必自行猜測:將重要部分置中,裁掉多餘部分。把繁雜的圖案簡化為一個突出的形狀或字母,因為精細細節在 favicon 尺寸下會變得模糊不清。

如果你的 logo 是向量圖,請盡量保留 SVG 格式,最後再轉換為 ICO:向量圖能保持清晰,因為它是依精確像素尺寸繪製,而非從小點陣圖拉伸放大而來。關於乾淨點陣化向量圖的相關背景,請參閱《不損失品質地將 SVG 轉換為 PNG》

現在就試試?

免費、無需註冊,你開啟的檔案絕不會離開你的裝置。

常見問題

favicon 應該是多大尺寸?+

favicon 尺寸很小且為方形,是瀏覽器在分頁中顯示的精巧圖示。從方形來源圖片開始,轉換器會產生可直接用於你網站的 .ico 檔案。

可以用照片製作 favicon 嗎?+

可以,不過照片在分頁大小下通常顯示效果不佳。請將照片裁切為方形,並選擇主體清晰的圖片;簡單的 logo 或字母通常比精細照片顯示得更清晰。

一定要用 .ico 格式嗎?+

ICO 是最廣泛被認可的 favicon 格式,無需額外設定即可使用。將圖片轉換為 .ico 是相容各種瀏覽器的最穩妥選擇。

製作 favicon 會上傳我的圖片嗎?+

不會。轉換器完全在你的瀏覽器中執行,你的 logo 或照片不會離開你的裝置,頁面載入後你甚至可以離線使用。

為什麼我的 favicon 看起來模糊?+

模糊通常代表來源圖片太小或細節過多。請從更大、方形、高對比的圖片或向量圖開始,這樣縮小到圖示尺寸時才有足夠的清晰度。

相關指南

更多「轉換圖片格式」指南 →