圖片工具 / 18

Favicon產生器:線上將PNG轉換為Favicon

免費Favicon產生器:將任何圖片調整至標準Favicon和App圖示的PNG尺寸,保留透明度,直接在瀏覽器中完成。

Favicon產生器:線上將PNG轉換為Favicon: TOEA會將來源圖片按比例縮放至透明的正方形畫布,尺寸可選16、32、48、180或512像素。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
Favicon產生工作台本機處理

全程在瀏覽器中執行

↥
選擇圖片

JPG、PNG、WebP或GIF・上限30 MB

網站需要的圖示檔案

瀏覽器會使用32 × 32圖示顯示分頁和書籤,iPhone和iPad會使用180 × 180圖示作為主畫面捷徑,而可安裝的網頁應用程式會在其資訊清單中列出192 × 192和512 × 512圖示。請在頁首使用<link rel="icon" href="/favicon-32.png" sizes="32x32">和<link rel="apple-touch-icon" href="/apple-touch-icon.png">連結前兩個圖示。

Google會在搜尋結果中顯示網站圖示,並要求使用邊長為48像素倍數的正方形圖示,因此也值得連結48、96或144像素版本。

以16像素為設計基準

網站圖示常以16 × 16顯示,此時文字、細線和精細細節都會消失。請使用單一字母或最簡化的標誌圖形,並採用強烈對比。iOS會將主畫面圖示的透明部分顯示為黑色,因此請為180像素版本加上實心背景。

要取得完整套件,包括多尺寸.ico檔案和網頁應用程式資訊清單,請使用favicon轉換器;若是iPhone、iPad和Android應用程式圖示,請使用應用程式圖示產生器。

使用方式

  1. 選擇正方形或矩形來源圖片。
  2. 選擇標準圖示尺寸。
  3. 產生並下載調整後的PNG。

隱私與限制

圖示產生作業會在瀏覽器中完成。此工具會產生PNG素材,而不是多解析度的ICO容器。

相關工具

常見問題

我應該使用哪個尺寸?

32×32是常見的瀏覽器Favicon尺寸;Apple觸控圖示使用180×180;512×512則適合用於App manifest。

矩形Logo會被拉伸嗎?

不會。圖片會置中並調整至適合尺寸,不會改變其長寬比。

免費工具・使用在瀏覽器中次・免註冊