什麼是 App 圖示？定義、尺寸與製作方式
什麼是 App 圖示？
App 圖示（app icon）是代表一個應用程式的小方形影像，出現在手機、平板或電腦上。它是你點選開啟應用的那張圖，是你在應用商店裡劃過的縮圖，也是分享面板裡站在應用名旁邊的那個標記。一個檔案，或者說一組檔案，同時充當按鈕、標籤和品牌標識。
這個詞和幾個近鄰概念常有重疊。Logo 是公司標識，可以是任意形狀；App 圖示是應用標識，渲染在裝置上的一個方形裡；favicon 是網站在瀏覽器標籤頁裡的對應物；通知圖示則是應用執行時在狀態列裡顯示的微型符號。問「什麼是 App 圖示」，多數人指的就是那個方形的啟動圖示，本指南講的也是它。
App 圖示、Logo 與 favicon 的區別
三者容易混淆，因為它們常常刻意長得像。區別在形狀、尺寸和所處的位置：
| App 圖示 | Logo | Favicon | |
|---|---|---|---|
| 形狀 | 方形，圓角由系統裁切 | 任意形狀 | 方形，在標籤頁裡常顯示為小圖或圓形 |
| 所處位置 | 主屏、應用商店、設定 | 網站頁頭、名片、包裝 | 瀏覽器標籤頁、書籤列表、歷史記錄 |
| 常見尺寸 | 1024px 母版，切到 48px 或更小 | 向量，任意尺寸 | 16、32、48px，以及 180px apple-touch-icon |
| 誰決定形狀 | 你設計方圖，系統負責圓角與縮放 | 你或你的設計師 | 你隨網站一起釋出 |
直接定義一下 favicon：它是網站釋出的小影像檔案，讓瀏覽器能在標籤頁和書籤裡顯示站點標識。需要處理網站一側的話，MDN 的 favicon 指南講清了機制，SparkIconAI 的網站圖示生成器則能把一張母版一次性切成全部 favicon 與 PWA 尺寸。
iOS 的 App 圖示尺寸是多少？
在蘋果這邊，你只需要提供一張 1024 x 1024 px 的方形母版，PNG 格式、不帶透明。從 Xcode 14 起，資產目錄只要這一張母版：主屏、聚焦搜尋、設定、通知等所有場景都由系統從它派生。蘋果的App 圖示設計指南要求提交滿鋪的方形，因為圓角由系統而不是設計師來加；到了 iOS 26，系統還會給主屏圖示疊加 Liquid Glass 質感。實踐裡的結論是：永遠不要把圓角做進提交的檔案裡。
Android 的 App 圖示尺寸是多少？
Android 要兩樣東西。Google Play 商店列表圖示是 512 x 512 px 的 32 位 PNG。啟動器圖示則是自適應圖示（adaptive icon）：背景與前景兩層，各 108 dp，其中中間的 72 dp 在遮罩後保留，中心直徑 66 dp 的圓形是保證可見的安全區。不同啟動器的遮罩不同，有的圓形有的超橢圓，所以規則是把標記的重要內容留在安全圓內。自適應圖示文件有完整規格，Google Play 圖示生成器能從一張母版同時匯出 512px 列表素材和整套 mipmap。
Android 上的「App 圖示角標」是什麼？
App 圖示角標（app icon badge）是應用有未讀通知時，出現在圖示角落的小圓點或數字。Google 把圓點形態叫做通知圓點（notification dots），這是 Android 8.0 引入的功能。三星 One UI 把同一個東西稱為 App 圖示角標，並且允許按應用選擇顯示圓點還是數字，這就是為什麼這個詞在三星手機上和在 Pixel 上讀起來不一樣。長按圖示可以速覽通知，或在設定的「通知」裡開關這個功能。角標由系統繪製在你的圖示之上，檔案本身不需要為此設計什麼，不過這也是把標記中心留乾淨的又一個理由。
Android 上的「應用圖示」按鈕是什麼？
在許多 Android 手機上，應用圖示按鈕（the apps icon）指主屏底部的那個按鈕，通常是圓點或點陣網格，點開後是應用抽屜：按字母順序列出全部已安裝應用。它是導航控制元件，不是某個應用的圖示，這個問題裡的混淆多半來自這裡。它的樣子隨啟動器變化，使用全面屏手勢時它會整個消失，換成上滑手勢。
順帶解碼一個陌生符號：狀態列裡偶爾冒出的字母圖示，比如 Android 上的 T 圖示，幾乎不會來自系統本身。Android 沒有內建的 T 符號，它來自發布了通知的第三方應用，通常是名字以該字母開頭的應用。在設定裡檢視通知記錄，幾秒鐘就能找到來源。
圖示是怎麼做出來的
拿到方形母版有兩條路。經典的路是設計師在向量軟體裡對著網格畫它，把剪影調到 48px 下也認得出。較新的路是生成式：你用一句話描述標記，AI 模型返回一張 1024px 母版，你透過改提示詞或分支來迭代。SparkIconAI 走的就是第二條路：描述圖示，生成候選，在 16px 下檢查，然後從一張母版匯出商店與 Web 的全部尺寸。想看完整的設計過程，圖示設計指南與生成器帶你過一遍概念、型別與剪影的決策；AI 圖示生成器則是做出第一個圖示最快的入口。
常見問題速答
- 什麼是 favicon 生成器？ 把一張方形母版轉成網站所需 favicon 檔案的工具：favicon.ico、180px 的 apple-touch-icon，以及 192 和 512px 的 PWA 圖示。網站圖示生成器做的就是這一刀。
- 什麼是圖示設計？ 繪製代表物體與概念的符號的實踐，覆蓋主屏上的那些標記、介面圖示和品牌圖示。圖示設計頁講了型別、規則與 AI 工作流。
- 一張圖能當所有尺寸的 App 圖示嗎？ 可以，只要剪影足夠簡單。先設計 1024px 母版，在 48、32、16px 下預覽，發糊時簡化形狀而不是換想法。
- 檔案裡需要帶圓角嗎？ 不需要。iOS 和 Android 都會套用自己的遮罩，提交滿鋪方圖，讓系統去圓角。