Specification for image naming in iOS development

specification for image naming in iOS development

Development often need to use a lot of pictures, if the picture from the design hands there is no response to the specification, in fact, management is also a very distressed thing. Here are some simple picture naming rules, personal views for everyone to refer to (mainly by the design of the name). iOS

iOS images are divided into three categories using pictures
One: iOS market images, including the application icon above the App Store, feature introduction pictures, and other search results display icon
Second: iphone display pictures, including desktop display icon, set Display icon, and other interface display icon
Three: The application of the display of pictures, all applications can be seen in the picture.

1, App Store application icon:
Name: Itunesartwork.png
Size: 512 * 512
Name: ITunesArtwork@2x.png
Size: 1024 * 1024

2, App Store function introduction picture :
Name: Itunes_market_intr1.png (example)
Size: 640 * 960

Name: Optional
Size: 640 * 1136

Name: Optional
Size: 750 * 1334

Name: Optional
Size: 1242 * 2208

Ituns Description Chart up to 5 dimensions, that is, each size up to 5 photos

3, the iphone display pictures :
Name: Icon-40@2x.png
Size: 80 * 80

Name: Icon-40@3x.png
Size: 120 * 120

Name: Icon-60@2x.png
Size: 120 * 120

Name: Icon-60@3x.png
Size: 180 * 180

Name: Icon-small.png
Size: 29 * 29

Name: Icon-Small@2x.png
Size: 58 * 58

Name: Icon-Small@3x.png
Size: 87 * 87

Name: Icon.png
Size: 57 * 57

Name: Icon@2x.png
Size: 114 * 114

For the images displayed in the iphone, Chettu is now simple, and there are now too many images to generate all the apps need on the iphone. Here to introduce a I think more useful tools Iconkit, interested can try.

4, the application of the display of pictures :
Application of the image classification because of personal habits will have their own style of classification, here provides a way to classify.
function to classify:
Function Name _ control type _ Custom parameter @.png
Function Name _ control type _ Custom parameter @2x.png
Function Name _ control type _ Custom parameter @3x.png

Example: Share_ btn _ Weixin@2x.png
Of course, you can also control type _ function name _ custom parameter @2x.png This mode of operation