"IOS Human Interface Guidelines"--icon and Image Sizes

Source: Internet
Author: User
Tags home screen

icon and picture size


Each app requires an app icon and a startup file or picture. In addition, some apps require custom icons to represent app-specific content, features, or patterns in the navigation bar, toolbars, tab bars, and other areas. Table 45-1 lists the dimensions required for these custom icons and pictures.


table 45-1 custom icon and picture size (pixel units)

Useful iphone 6s Plus and iphone 6 Plus (@3x) iphone 6s,iphone 6 and iphone 5 (@2x) iPhone 4s (@2x) ipad and ipad mini (@2x ipad 2 and ipad mini (@1x) iPad Pro (@2x)
App icon (required for all apps) 180*180 120*120 120*120 152*152 76*76 167*167
App icon on App Store (required for all apps) 1024*1024 1024*1024 1024*1024 1024*1024 1024*1024 1024*1024
Start a file or picture (all apps are required) Use a boot file (view launch files) Use boot files for iphone 6s and IPhone6 (view launch files)
On iphone 5,640*1136
640*960 1536*2048 (vertical)
2048*1536 (horizontal)
768*1024 (vertical)
1024x768 (horizontal)
2048*2732 (vertical)
2732*2048 (horizontal)
Spotlight Search Results icon (recommended) 180*180 For iphone 6s and iphone 6, use 120*120
Use 80*80 for iphone 5
80*80 120*120 60*60 120*120
Set icon (recommended) 87*87 58*58 58*58 58*58 29*29 58*58
Toolbar and navigation bar icons (optional) Probably 66*66. Probably 44*44. Probably 44*44. Probably 44*44. Probably 22*22. Probably 44*44.
tab bar icon (optional) Probably 75*75 (Max 144*96) Probably 50*50 (Max 96*64) Probably 50*50 (Max 96*64) Probably 50*50 (Max 96*64) Probably 25*25 (Max 48*32) Probably 50*50 (Max 96*64)
Web page clip icon (recommended for Web apps and Web pages) 180*180 120*120 120*120 152*152 76*76 167*167

NOTE

If you need to create a custom icon for your home screen quick action, check the home screens quick actions for details. You can also download the Home Screen Quick action icon template from Https://developer.apple.com/design/downloads/Quick-Action-Guides.zip.


The exception to the App Store icon--often called itunesartwork--is that you can name your icon whatever you want. Use the Image Collection portal in your Xcode project to get your app icon files. Assign the corresponding picture file to the collection of pictures in your project to add the icon. During compilation, Xcode adds the appropriate key to your app's info.plist file and prevents the image from being in your app's package. iOS chooses the icon based on the size of the target you are using. View Asset Catalog Help Learn more about the contents of the collection catalog.


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


The color depth of the standard icons and pictures is 24 bits.



This article is translated from Apple's official development documentation

Finished viewing the integration set: Https://github.com/Cloudox/iOS-Human-Interface-Guidelines

All rights reserved: Http://blog.csdn.net/cloudox_

"IOS Human Interface Guidelines"--icon and Image Sizes

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.