App 圖示 PNG：一張母版生成全部尺寸
每家商店在某處仍要 PNG。Apple 要一張 1024x1024、無透明的 PNG 母版，Google Play 要 512x512 的 32 位 PNG，啟動器與瀏覽器要同一圖形的小尺寸 PNG 裁片。描述一次圖示，生成 1024 母版，一次性匯出商店與網頁所需的全部 PNG 尺寸。
App 圖示 PNG 案例
以 PNG 母版生成的圖示：扁平、3D 與玻璃風格的醒目圖形，從 1024 px 母版到 16 px favicon 標籤頁都清晰可讀。
什麼是 PNG 格式的 App 圖示？
PNG 是所有圖示管線都認的無損點陣圖格式：Apple 校驗 1024x1024 的 PNG 母版，Play Console 要 512x512 的 32 位 PNG，Android 各密度目錄裝滿 48 到 192 px 的 PNG，瀏覽器在沒有宣告其他格式時回退到小尺寸 PNG favicon。規則因表面而異，差異正是檔案被打回的地方。這個生成器從一句話起步：描述圖形，在無限畫布上生成 1024 母版，分叉變體直到輪廓撐得住 16 px，最後一次性匯出整條 PNG 階梯，透明只用在目標表面允許的地方。
視覺譜系樹
把同一個圖形按粗細、配色與背景分叉出 PNG 變體，每次迭代都關聯著自己的提示詞。
內建後處理
為允許透明的表面一鍵摳圖，為拒絕透明的商店一鍵純色填充。
安全區保護
內邊距參考線讓主體在啟動器遮罩與 favicon 裁切下，於最小 PNG 尺寸仍可辨。
App 圖示 PNG 提示詞示例
把任意一條複製進生成器，再改寫主體、風格與配色詞。一條有力的 PNG 圖示提示詞說清三件事：主體及其在方形中的位置、風格與配色、圖形在小尺寸下的表現。
扁平商店就緒圖形
扁平 App 圖示 PNG，單個幾何山峰居中置於青色底上，粗輪廓在 48 px 下仍清晰，滿方形構圖，無文字，邊緣銳利適配無損縮放
透明網頁圖示
網頁應用的極簡圖示，白色閃電符號置於透明背景 PNG 上，筆畫粗，四周留白充足，maskable 裁切也能保住輪廓
3D PNG 母版
3D App 圖示 PNG 母版，柔和漸變的黏土骰子與影棚光，主體佔滿三分之二方形，單一輪廓在 32 px 下可辨
三步製作 App 圖示 PNG
從一句話到完整 PNG 尺寸階梯，無需反覆縮放。
- 1
描述圖示
用一句話寫清主體、風格與配色，例如「扁平船錨圖形，藏青底珊瑚色，帆船應用的 App 圖示 PNG」。註明背景是純色還是透明。
- 2
生成 1024 母版，再小尺寸試讀
以 1024x1024 生成，先在 48 px 與 16 px 下預覽再下判斷。更小的 PNG 都是母版的縮圖，弱輪廓會在所有尺寸一起失敗。
- 3
匯出 PNG 階梯
從同一檔案匯出 1024 iOS 母版、512 Play 素材、mipmap 尺寸與 favicon PNG，透明只用在目標允許處。
App 圖示 PNG 尺寸矩陣
應用要交付的每張 PNG，按表面列出，附決定檔案能否透過的格式規則。以下為現行要求。
| 表面 | PNG 尺寸 | 格式規則 | 備註 |
|---|---|---|---|
| App Store 母版 | 1024x1024 px | PNG，sRGB 或 Display P3，無 alpha 通道、無透明、直角 | Apple 由這張唯一上傳件派生其他所有 iOS 尺寸 |
| Google Play 商店圖 | 512x512 px | 32 位 PNG，sRGB，不超過 1024 KB，滿方形無預烘焙圓角 | Play Console 在稽核前校驗該檔案 |
| Android 啟動器 mipmap | 48、72、96、144、192 px | 每個密度桶一張 PNG；自適應前景層同樣以 PNG 交付 | 自適應圖層允許 alpha，內容需留在 66 dp 安全區內 |
| 網頁 favicon 與 PWA | 16、32、48 px favicon；192 與 512 px manifest 圖示 | 支援透明 PNG；maskable 變體內容需留在 80% 安全區圓內 | 瀏覽器按宣告尺寸取用，未列 SVG 或 ICO 時回退 PNG |
| Windows ICO 打包 | 單個 .ico 內 16 到 256 px | .ico 容器封裝 PNG 幀；單幀最大 256 px | 桌面構建與安裝器資源讀取多尺寸檔案 |
尺寸依據 App Store、Google Play、Web App Manifest 與 Windows 圖示要求，2026 年 9 月核對。
描述圖形，在 16 px 下試讀，再按上表一次性交付 1024 母版、512 Play 素材、mipmap 套裝與 favicon。
開啟 App 圖示 PNG 生成器各表面的 alpha 通道規則
透明是最容易踩坑的規則：App Store 母版禁止，多數 Play 表面把透明渲染成黑色，網頁 favicon 需要它，Android 自適應圖層允許它。給商店導不透明，給網頁導透明。
一張母版，全部裁片
一張 1024x1024 PNG 的畫素量足夠覆蓋所有目標：縮到 512 給 Play，192 到 48 給啟動器，32 與 16 給 favicon 標籤頁，全程無需重繪。
PNG、SVG、ICO 與 WEBP
PNG 無損且被普遍接受。SVG 可自由縮放但沒有商店接受它作為圖示上傳。ICO 為 Windows 打包多檔 PNG 尺寸。WEBP 壓縮更小，但 favicon 與商店預設仍是 PNG。
控制 PNG 體積
Play 限制 512 素材不超過 1024 KB、32 位色。色塊少的扁平圖遠低於上限，照片式漸變則頂到上限；生成器匯出的商店素材控制在限內。
PNG 圖示最終去了哪裡
母版的旅程不止商店。同一張 PNG 會切成瀏覽器標籤頁 favicon、PWA 安裝提示、桌面快捷方式圖示、社交分享預覽與新聞資料包圖。先按 16 px 標籤頁設計：在頁面標題旁可辨的圖形，放到任何更大的位置都站得住。
PNG、SVG 還是 ICO？
三種格式，三種分工。商店告訴你上傳哪種；網頁由你選擇。
| PNG | SVG | ICO | |
|---|---|---|---|
| 商店是否接受 | 是，App Store 與 Google Play 都收 | 沒有商店接受 SVG 作為圖示 | 不適用，僅桌面打包 |
| 透明度 | 支援；部分表面禁用 | 處處支援 | 幀內支援 |
| 縮放 | 按匯出尺寸固定畫素 | 向量源，無限縮放 | 單檔案內固定幀 |
| 檔案體積 | 無損，照片細節下偏大 | 扁平圖形最小 | 隨幀數增長 |
| 最適合 | 商店母版、啟動器、favicon | 網頁圖形、設計原始檔、編輯 | Windows 應用與安裝器 |
| 可編輯性 | 僅點陣圖編輯 | 完整向量編輯 | 僅幀替換 |
格式行為依據現行商店與瀏覽器要求，2026 年核實。
生成器替你處理什麼
從第一條提示詞到一整套 PNG 檔案之間的一切。
一張 1024px 母版
以全解析度生成一次；階梯上的每個 PNG 尺寸都從它乾淨匯出。
按商店裁片
1024 iOS 母版、512 Play 素材與 mipmap 尺寸，按各家格式規則匯出。
該透明處透明
給禁 alpha 的商店導不透明母版，給 favicon 與網頁圖形導透明 PNG，出自同一圖形。
ICO 打包
封裝 16 到 256 px PNG 幀的 Windows 就緒 .ico 檔案，供桌面構建使用。
變體迭代到小尺寸可辨
重生成同一概念，直到輪廓撐得住 16 px 的 favicon 標籤頁。
一個圖形多種風格
扁平、3D、玻璃、畫素等預置，專為圖示尺度的點陣圖匯出調校。
適合 PNG 匯出的圖示風格
點陣圖格式偏愛簡單醒目的圖形：扁平與極簡風格壓縮後體積小、16 px 下可辨，3D 與玻璃風格在輪廓保持單一時縮放後仍有層次，畫素風格的硬邊緣正好被 PNG 無損保留。到圖示風格畫廊以圖示尺度對比方向：極簡、畫素 與 玻璃 頁面展示了每種風格下的真實圖形。
設計一個在 16 px 下站得住的 PNG 圖示
四個習慣能避開大多數 PNG 圖示問題。以 1024 設計、以 16 判斷，因為中間每個尺寸都是同一母版的縮圖。一個圖示一個主體，兩個形狀在 favicon 大小就糊成一團。給商店的圖鋪滿方形，給 maskable 網頁裁切的圖四周留白。商店上傳導 sRGB，未標記的色彩配置在商店校驗時會偏色。
工作流適用場景
來自生成器的一張母版，以 PNG 匯出到每個在你的專案名旁展示小方形的表面。
Blog
Further Reading
Longer reads on icon design, formats and workflows.
App 圖示 PNG 常見問題
尺寸、透明度、格式，以及大家對 PNG 圖示最常問的問題。
PNG App 圖示應該做多大？
交付一張 1024x1024 px PNG 母版，其餘從它裁出：Google Play 512x512，Android 啟動器 48 到 192 px，favicon 標籤頁 16 到 48 px，PWA manifest 192 或 512 px。App Store 只要 1024 母版。
PNG 圖示可以有透明背景嗎？
看表面。App Store 母版直接拒絕透明，多數 Play 表面把透明區域渲染成黑色。網頁 favicon 與 PWA 圖示歡迎透明，Android 自適應前景層也用它。給商店導不透明，給網頁導透明。
App 圖示用 PNG 還是 SVG？
商店要 PNG：Apple 和 Google 都校驗 PNG 上傳，都不接受 SVG 作為圖示。SVG 的價值在編輯原始檔與可縮放網頁圖形。就算用向量設計，也要保留 PNG 匯出路徑。
怎麼把現有圖示轉成各種 PNG 尺寸？
把方形 Logo 餵給免費的App 圖示縮放器，本地下載全部尺寸。圖形還不存在時，在上面的生成器裡描述它，從新渲染匯出整套 PNG。
Android 圖示必須用 PNG 檔案嗎？
是的，兩處必需：Play 商店圖的 512x512 32 位 PNG，以及每個密度桶的啟動器 mipmap PNG。自適應圖層用 XML 宣告，但前景與背景素材都以 PNG 交付。
圖示用 PNG 還是 WEBP 好？
凡由商店或安裝器校驗的都用 PNG，兩家商店都指明 PNG。WEBP 更適合你自己控制頁面的裝飾性網頁圖形，但瀏覽器仍期望 PNG 或 ICO 兜底 favicon。交付 PNG 母版，網頁裝飾圖自便。
怎麼做一張 512x512 PNG？
先生成或縮放出 1024x1024 母版，再匯出 512x512 裁片：32 位 sRGB、不超過 1024 KB。上面的生成器可從同一母版匯出 Play 就緒的 512，縮放器可從現有檔案裁出。
生成的 PNG 圖示可以商用嗎？
可以。你保留每個生成圖示的完整商用權利（以服務條款為準），包括用於商店商品資訊與產品中。
App Store 接受帶 alpha 通道的 PNG 嗎？
不接受。1024x1024 上傳件必須扁平，無 alpha 通道、無透明、無圖層。給 App Store Connect 導不透明母版；完整 iOS 規則見iOS App 圖示生成器。