開發 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 產生器 讓你只需要:
- 上傳一張 1024x1024 的原圖
- 選擇要產生 iOS、Android 或兩者都要
- 點一下按鈕,自動產生所有尺寸
- 下載 ZIP 檔,資料夾結構整理好了
使用小技巧
1. 原圖品質很重要
建議使用 1024x1024 或更大的 PNG 圖片,確保縮小後還是清晰的。如果原圖太小,放大後會模糊。
2. 設計時考慮最小尺寸
你的 icon 在 20x20 的尺寸下還看得清楚嗎?設計時避免太多細節,簡潔的圖示在小尺寸下表現更好。
3. iOS 不能有透明背景
App Store 要求 iOS icon 不能有 alpha 通道(透明度),所以設計時直接用實色背景。
4. Android 可以用自適應圖示
Android 8.0 之後支援 Adaptive Icon,不過基本的方形 icon 還是要準備,這個工具產生的就夠用了。
還有哪些好用的開發者工具?
除了 App Icon 產生器,卡卡的效率工廠還有很多實用工具:
- QR Code 產生器 - 免費、無浮水印
- JSON 格式化 - 美化和壓縮 JSON
- JWT 解碼器 - 解析 Token 內容
- SQL Playground - 瀏覽器直接跑 SQLite
全部免費、不用註冊、不上傳資料到伺服器。
結語
準備 App Icon 不應該花你超過 5 分鐘。用對工具,把時間花在更重要的事情上。