IOS开发中ICON的正确设置图片分辨率

今天药忘吃喽~ 2022-01-13 17:55 226阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

## Icon and Image Sizes ##

Every app needs an app icon and a launch file or image. In addition, some apps need custom icons to represent app-specific content, functions, or modes in navigation bars, toolbars, and tab bars.

Unlike other custom artwork in your app, the icons and images listed in Table 41-1 must meet specific criteria so that iOS can display them properly. In addition, some icon and image files have naming requirements (to learn about naming these files, see [App Icons][] and [App Launch (Default) Images][App Launch _Default_ Images]).

**Table 41-1**

<table> 
 <tbody> 
 <tr> 
 <th>Asset</th> 
 <th>iPhone 6 Plus (@3x)</th> 
 <th>iPhone 6 and iPhone 5 (@2x)</th> 
 <th>iPhone 4s (@2x)</th> 
 <th>iPad and iPad mini (@2x)</th> 
 <th>iPad 2 and iPad mini (@1x)</th> 
 </tr> 
 </tbody> 
 <tbody> 
 <tr> 
 <td>App icon (required for all apps)</td> 
 <td>180 x 180</td> 
 <td>120 x 120</td> 
 <td>120 x 120</td> 
 <td>152 x 152</td> 
 <td>76 x 76</td> 
 </tr> 
 <tr> 
 <td>App icon for the App Store (required for all apps)</td> 
 <td>1024 x 1024</td> 
 <td>1024 x 1024</td> 
 <td>1024 x 1024</td> 
 <td>1024 x 1024</td> 
 <td>1024 x 1024</td> 
 </tr> 
 <tr> 
 <td>Launch file or image (required for all apps)</td> 
 <td>Use a launch file (see <a href="https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html#//apple_ref/doc/uid/TP40006556-CH22-SW1" rel="nofollow">Launch Images</a>)</td> 
 <td>For iPhone 6, use a launch file (see <a href="https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html#//apple_ref/doc/uid/TP40006556-CH22-SW1" rel="nofollow">Launch Images</a>)For iPhone 5, 640 x 1136</td> 
 <td>640 x 960</td> 
 <td>1536 x 2048 (portrait)2048 x 1536 (landscape)</td> 
 <td>768 x 1024 (portrait)1024 x 768 (landscape)</td> 
 </tr> 
 <tr> 
 <td>Spotlight search results icon (recommended)</td> 
 <td>120 x 120</td> 
 <td>80 x 80</td> 
 <td>80 x 80</td> 
 <td>80 x 80</td> 
 <td>40 x 40</td> 
 </tr> 
 <tr> 
 <td>Settings icon (recommended)</td> 
 <td>87 x 87</td> 
 <td>58 x 58</td> 
 <td>58 x 58</td> 
 <td>58 x 58</td> 
 <td>29 x 29</td> 
 </tr> 
 <tr> 
 <td>Toolbar and navigation bar icon (optional)</td> 
 <td>About 66 x 66</td> 
 <td>About 44 x 44</td> 
 <td>About 44 x 44</td> 
 <td>About 44 x 44</td> 
 <td>About 22 x 22</td> 
 </tr> 
 <tr> 
 <td>Tab bar icon (optional)</td> 
 <td>About 75 x 75 (maximum: 144 x 96)</td> 
 <td>About 50 x 50 (maximum: 96 x 64)</td> 
 <td>About 50 x 50 (maximum: 96 x 64)</td> 
 <td>About 50 x 50 (maximum: 96 x 64)</td> 
 <td>About 25 x 25 (maximum: 48 x 32)</td> 
 </tr> 
 <tr> 
 <td>Default Newsstand cover icon for the App Store (required for Newsstand apps)</td> 
 <td>At least 1024 pixels on the longest edge</td> 
 <td>At least 1024 pixels on the longest edge</td> 
 <td>At least 1024 pixels on the longest edge</td> 
 <td>At least 1024 pixels on the longest edge</td> 
 <td>At least 512 pixels on the longest edge</td> 
 </tr> 
 <tr> 
 <td>Web clip icon (recommended for web apps and websites)</td> 
 <td>180 x 180</td> 
 <td>120 x 120</td> 
 <td>120 x 120</td> 
 <td>152 x 152</td> 
 <td>76 x 76</td> 
 </tr> 
 </tbody> 
</table>

For all images and icons, the PNG format is recommended. You should avoid using interlaced PNGs.

The standard bit depth for icons and images is 24 bits—that is, 8 bits each for red, green, and blue—plus an 8-bit alpha channel, for a total of 32 bits.

You don’t need to constrain your palette to web-safe colors.

苹果官网地址

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html\#//apple\_ref/doc/uid/TP40006556-CH27-SW1

转载于:https://my.oschina.net/u/2429642/blog/488991

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/f121fa4a46aa464380eba5008660308e.png
[App Icons]: https://developer.apple.com/library/ios/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/ExpectedAppBehaviors/ExpectedAppBehaviors.html#//apple_ref/doc/uid/TP40007072-CH3-SW1
[App Launch _Default_ Images]: https://developer.apple.com/library/ios/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/ExpectedAppBehaviors/ExpectedAppBehaviors.html#//apple_ref/doc/uid/TP40007072-CH3-SW3