RevealTheme logo

Favicon產生器

從任意圖片產生完整的favicon套件:涵蓋瀏覽器、iOS和Android所需的全部尺寸。

如何使用本工具

  1. 1

    上傳一張正方形圖片(建議使用PNG,512×512或更大)。

  2. 2

    我們會以每一種常見的favicon尺寸進行算繪。

  3. 3

    下載每個PNG。

  4. 4

    在HTML的<head>中透過合適的sizes屬性引用它們。

什麼是Favicon產生器?

現代的favicon不再只有16×16。iOS需要一個180×180的apple-touch-icon,Android需要192×192和512×512的PWA圖示,而高解析度螢幕則使用32×32或48×48。本工具會從單張來源圖片產生所有常見尺寸,以便你透過<link rel='icon' sizes='...'>標籤來提供它們。

常見使用場景

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

常見問題

我應該使用多大的來源圖片?
一張512×512或更大的正方形PNG效果最佳:縮小尺寸比放大更能保留細節。
我需要ICO檔案嗎?
現代瀏覽器支援PNG格式的favicon。ICO格式僅在為相容老舊的IE時才需要,如今已很少見。

相關工具