App 圖示規範:兩大商店的尺寸與 Alpha 通道
Apple 要 1024x1024 不透明,Play 要 512x512 PNG。擋下上傳的 ITMS-90717 Alpha 錯誤怎麼解,一個 Logo 同時產出兩個檔案。
- app icon
- App Store
- Google Play
- transparent png
- logo
- mobile app
- icon design

你有一個 Logo,兩個 App 商店,而能滿足 Apple 的那個檔案,不是 Google 要的那一個。它總在最糟的時機浮上來:版本都打包好了,上傳卻一直卡在 Alpha 通道失敗。
Apple 要的是 1024x1024 的正方形圖示,背景不透明。Play 要的是 512x512 的 32 位元 PNG——技術上支援 Alpha,但照 Google 自己的設計規範,你不該用它。而且兩邊都不想要一個看起來已經做完的檔案:上傳之後,它們各自會套上自己的圓角與效果。以下是兩邊各自的要求,以及怎麼從同一個 Logo 生出兩個檔案。
Apple:1024 像素、正方形、不能透光
Apple 的 Human Interface Guidelines 把 iOS、iPadOS 與 macOS 的 App 圖示版面尺寸訂為 1024x1024 px,正方形,色彩空間是 sRGB、Gray Gamma 2.2 或 Display P3。Apple 現在偏好的路線是 Icon Composer——匯入前景圖層,背景在工具裡定義;但壓平的單張圖仍然可以用:分層給你更多控制,不是強制。

第一次送審的人幾乎都卡在背景。Apple 對匯入的背景圖層講得很直白:要滿版、要不透明。背景透明的 1024 像素 PNG 不是合格的 App Store 圖示——傳上去,App Store Connect 會回你 ITMS-90717:the App Store icon can't be transparent or contain an alpha channel(App Store 圖示不能透明,也不能含有 Alpha 通道)。深色外觀的變體是唯一的例外:Apple 要你把那一版做成透明背景,好讓系統提供的背景透出來。其他地方,決定你的標誌後面要墊什麼顏色,然後把它壓進檔案裡。
換一個 Apple 平台,版面尺寸就跟著變:watchOS 是 1088x1088、visionOS 是 1024x1024,兩者都套圓形遮罩,tvOS 則是橫式的 800x480。做法也變:tvOS 與 visionOS 的圖示是在 Xcode 裡組成分層圖片堆疊,不是在 Icon Composer 裡做。
Google Play:512 像素、允許 Alpha,透明仍然是錯的
Play 的商店資訊圖示是帶 Alpha 的 32 位元 PNG,512x512 px,sRGB,最大 1024KB。只看這一句,你手上那張透明去背圖看起來完全沒問題。

Google 的圖示設計規範把這道門關上了:透明的素材會直接顯示 Google Play 介面的背景色。你的標誌於是浮在 Play 當下顯示的任何底色上,深色 Logo 在深色模式裡整個消失。Google 的建議是:挑一個適合你品牌的背景色。
還有兩條 Play 規則:不能有暗示排名、價格或 Play 分類的徽章與文字;以及商店資訊圖示和裝置上的啟動器圖示是兩回事。那顆調適型圖示用的是 108x108 dp 的圖層,其中只有內圈的 66x66 dp 保證不會被 OEM 遮罩切掉。
從同一個 Logo 生出兩個檔案
兩個檔案的起點都一樣:你的標誌,乾淨地從它原本待著的東西上剝下來。如果你的 Logo 只存在於供應商給的一張 JPEG,或是印刷文具的翻拍照裡,先去背,讓形狀連同一條真正的 Alpha 通道被隔離出來。remover.bg 會把標誌從背景上提起來,再讓你在編輯器裡把它放到實色或自訂品牌色上——正是 Apple 要求的那道壓平手續。

行得通的順序是這樣:
- 先移除背景,讓 Logo 獨立出來。邊緣要拿深色去檢查,不要用白色——細筆畫和襯線的瑕疵,在白色預覽上全躲得掉。
- 把背景設成你的品牌色,匯出一張 PNG。透明的那一版也留著,媒體資料包和 favicon 用得到。
- 回到你自己的設計工具,把那張 PNG 放進正方形畫布,Apple 匯出 1024x1024、Play 匯出 512x512。調尺寸是設計工具的事,不是去背工具的事。
如果 Logo 是掃描或拍下來的,如何幫 Logo 去背講了那些邊緣狀況,而透明 PNG 指南說明了為什麼那張母檔值得留著。
圓角和陰影,交給商店去畫
Play 對這件事說得很明確:它自己會以圖示尺寸 30% 的半徑加上圓角,上傳後再自己加上陰影,並要求你兩樣都別做。Apple 則把你的正方形遮成系統的圓角矩形,套上自己的高光、折射與半透明效果,還警告說預先遮罩過的圖層會傷到這些效果,邊緣也會出現鋸齒。
所以:不要預先做圓角、不要陰影、不要斜角、不要發光效果。這份克制只適用於圖示——換成商品照,一道逼真的接觸陰影才是讓東西看起來不像貼上去的關鍵。
因為兩邊都會遮罩,把標誌重要的部分留在中間。Apple 的指引是把主要內容置中,遮罩才切不掉它。Play 的基準線網格運作方式和大家想的不一樣:那是定位參考,不是邊界。Google 的說法是能填滿就用作品填滿整張素材,只有在 Logo 周圍的形狀對品牌本身很重要時,才退回去用基準線。保險起見在四周留白,你的圖示在刊登列表裡就會比旁邊每一個都明顯小一號。
30% 半徑真正吃掉的是四個角,所以被推進角落的文字標誌會少掉頭尾。在 watchOS 與 visionOS 的圓形遮罩上,一個做到滿邊的文字標誌,第一個和最後一個字母會直接不見。
上傳之前
- Apple:1024x1024 PNG,正方形,完全不透明,四角維持直角。
- Play:512x512 的 32 位元 PNG,最大 1024KB,背景用品牌色而不是透明,四角維持直角。
- 兩邊用同一組作品與顏色:使用者該認出一個 App,不是兩個。
- 兩邊都用縮圖尺寸預覽一次。在 1024 讀得出來的細節,到 40 像素就不見了。
圖示修好一次,之後每一次發行都不用再回頭管它。


