App Icon 尺寸一次搞定:iOS Android 圖示產生器完整教學

管管
科技趨勢
App 開發與圖示設計

開發 App 最煩的事情之一,就是準備那一大堆不同尺寸的 App Icon。iOS 要 18 種尺寸,Android 也要 6 種密度,加起來快 30 張圖。每次手動調整尺寸,不只浪費時間,還很容易出錯。

為什麼 App Icon 需要這麼多尺寸?

蘋果和 Google 為了讓 App 在不同裝置上都能清晰顯示,制定了嚴格的圖示規範:

iOS 需要的尺寸

  • iPhone:20pt、29pt、40pt、60pt(各 @2x 和 @3x)
  • iPad:20pt、29pt、40pt、76pt、83.5pt(各 @1x 和 @2x)
  • App Store:1024x1024(最重要!審核必須)

Android 需要的尺寸

  • mdpi:48x48
  • hdpi:72x72
  • xhdpi:96x96
  • xxhdpi:144x144
  • xxxhdpi:192x192
  • Play Store:512x512

如果你用 Photoshop 或 Figma 手動輸出,每次改圖都要重新匯出所有尺寸,真的很崩潰。

一鍵產生所有尺寸的神器

好消息是,現在有免費工具可以幫你一次搞定。卡卡的效率工廠 - App Icon 產生器 讓你只需要:

  1. 上傳一張 1024x1024 的原圖
  2. 選擇要產生 iOS、Android 或兩者都要
  3. 點一下按鈕,自動產生所有尺寸
  4. 下載 ZIP 檔,資料夾結構整理好了

使用小技巧

1. 原圖品質很重要

建議使用 1024x1024 或更大的 PNG 圖片,確保縮小後還是清晰的。如果原圖太小,放大後會模糊。

2. 設計時考慮最小尺寸

你的 icon 在 20x20 的尺寸下還看得清楚嗎?設計時避免太多細節,簡潔的圖示在小尺寸下表現更好。

3. iOS 不能有透明背景

App Store 要求 iOS icon 不能有 alpha 通道(透明度),所以設計時直接用實色背景。

4. Android 可以用自適應圖示

Android 8.0 之後支援 Adaptive Icon,不過基本的方形 icon 還是要準備,這個工具產生的就夠用了。

還有哪些好用的開發者工具?

除了 App Icon 產生器,卡卡的效率工廠還有很多實用工具:

全部免費、不用註冊、不上傳資料到伺服器。

結語

準備 App Icon 不應該花你超過 5 分鐘。用對工具,把時間花在更重要的事情上。

👉 立即試試 App Icon 產生器