favicon 早就不是一張圖了。瀏覽器、手機、作業系統各自會取不同尺寸放進不同位置——瀏覽器標籤頁、書籤、iOS 主屏、安卓任務切換器。只放一張 32×32 的 PNG，標籤頁裡能用，但別人把你的站存到手機上時就會糊。放全套，每個位置都能拿到清晰的圖示。
下面講清楚你到底需要哪些尺寸、每個是幹什麼的，以及這份清單為什麼長成這樣。
真正要用到的尺寸
大多數網站用六種 PNG 尺寸加一個老式 .ico 就覆蓋了。對照如下：
| 尺寸 | 格式 | 用在哪裡 |
|---|---|---|
| 16×16 | PNG（打進 .ico） | 瀏覽器標籤頁、位址列、書籤 |
| 32×32 | PNG（打進 .ico） | 高畫質標籤頁、Windows 工作列快捷方式 |
| 48×48 | PNG | Windows 站點圖示、部分安卓位置 |
| 180×180 | PNG | iOS 主屏（apple-touch-icon） |
| 192×192 | PNG | 安卓主屏、PWA 安裝 |
| 512×512 | PNG | PWA 啟動畫面、應用商店、高分屏 |
favicon.ico 檔案是個容器，把小尺寸（通常 16 和 32，有時含 48）打包在一起。老瀏覽器和 Windows 會按名字到你的站點根目錄找它，所以儘管現代瀏覽器也樂意用 PNG，這個檔案依然值得放上。
為什麼這麼多？快速過一遍
清單這麼長，是因為這個圖示會以差異極大的物理尺寸出現。
16 和 32 是日常的標籤頁圖示。16 是經典尺寸；32 覆蓋高分屏（"Retina"）——在那種屏上 16 會顯得發虛。瀏覽器會按畫素密度挑合適的那個。
48 是 Windows 的東西——用於站點快捷方式，在幾個 32 覆蓋不好的地方會更清晰。
180 是蘋果的 apple-touch-icon。當有人在 iPhone 或 iPad 上點"新增到主螢幕"，iOS 用的就是它。弄錯了，iOS 要麼抓一張縮小的截圖，要麼顯示一個純字母方塊——都不像你的品牌。
192 和 512 是漸進式 Web 應用（PWA）的尺寸，在 manifest.webmanifest 檔案裡宣告。192 是安卓主屏圖示；512 餵給啟動畫面，其餘需要時由系統下采樣。如果你的站可安裝，這兩個沒得商量。
需要比 512 更大的嗎？
不需要。512×512 是網頁 favicon 的實用上限——webmanifest 規範和各大平台差不多都到這兒封頂。如果你的源圖是 1024 或更大，那當作起始圖很好（有更多細節可供縮小），但你不會去發一個 1024 的 favicon。超過 512 的部分只是增加沒人用得上的位元組。
往上走真正重要的那條規則：從一張大的、正方形的源圖開始。512×512 或 1024×1024 的原圖能幹淨地縮到下面每一個尺寸。從一張很小的圖開始，小尺寸就會發糊，因為一開始就沒有足夠的細節可保留。
按 16×16 能扛得住來設計
最難的是最小的那個。到了 16×16，細節繁複的 logo 會變成看不清的一團。幾條各站通用的建議：
- 化簡。 完整的文字標在 16px 下讀不出來。用單個字母、字母組合，或你標誌裡最好認的那部分。
- 保持高對比，讓形狀在淺色和深色標籤頁背景上都清晰。
- 留一點留白——四邊都頂滿的圖示在標籤頁裡顯得侷促。
- 小尺寸下測一測。 把瀏覽器縮小，或者直接看真實的標籤頁。要是一眼認不出它是什麼，就再簡化。
生成整套
這些不用你手工做。把一張正方形圖片丟進 Favicon 產生器，它一次性產出全套——favicon.ico、16/32/48/180/192/512 的 PNG、一個可直接用的 webmanifest，以及要粘進去的那段 <head> HTML。全部在你的瀏覽器裡執行：圖片從不上傳，第一次訪問後工具也能離線用。
你最終會得到的 HTML
作為參考，一套完整的 favicon 配置在 <head> 裡大致長這樣：
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
產生器會替你寫好，直接粘進去即可。覆蓋這六種尺寸加上 .ico 和 manifest，每個瀏覽器、手機和作業系統都能拿到它想要的那張清晰圖示。