codingCat banner
codingCat banner

단막 Cocoa Touch × iOS 개발


 

iOS 어플리케이션 아이콘 설정하기


본 포스팅에서는 iOS 어플리케이션의 아이콘을 설정하는 방법에 대해 정리한다.

 

1 단계. 아이콘 준비


먼저, iOS 어플리케이션의 아이콘은 애플에서 정해진 규격대로 만들어져야 한다. 규격은 링크 "Technical Q&A QA1686: App Icons on iPhone, iPad and Apple Watch(https://developer.apple.com/library/archive/qa/qa1686/_index.html)"를 참조하면 된다. 우리말 번역은 다음과 같다. .png형식이어야 하며, PPIpixel per inch값은 무시된다.

iOS 앱에서 사용하는 아이콘의 규격

이미지 크기(단위: 픽셀)

파일 이름

512x512

iTunesArtwork

1024x1024

iTunesArtwork@2x

57x57

Icon.png

114x114

Icon@2x.png

120x120

Icon-60@2x.png

180x180

Icon-60@3x.png

72x72

Icon-72.png

144x144

Icon-72@2x.png

76x76

Icon-76.png

152x152

Icon-76@2x.png

167x167

Icon-83.5@2x.png

29x29

Icon-Small.png

58x58

Icon-Small@2x.png

87x87

Icon-Small@3x.png

40x40

Icon-Small-40.png

80x80

Icon-Small-40@2x.png

120x120

Icon-Small-40@3x.png

50x50

Icon-Small-50.png

100x100

Icon-Small-50@2x.png

 

watchOS 앱에서 사용하는 아이콘의 규격

이미지 크기(단위: 픽셀)

파일 이름

80x80

AppIcon40x40@2x.png

88x88

AppIcon44x44@2x.png

172x172

AppIcon86x86@2x.png

196x196

AppIcon98x98@2x.png

48x48

AppIcon24x24@2x.png

55x55

AppIcon27.5x27.5@2x.png

58x58

AppIcon29x29@2x.png

87x87

AppIcon29x29@3x.png

 

iMessage 확장에서 사용하는 아이콘의 규격

이미지 크기(단위: 픽셀)

파일 이름

1024x768

Messages1024x768.png

120x90

Messages60x45@2x.png

180x135

Messages60x45@3x.png

134x100

Messages67x50@2x.png

148x110

Messages74x55@2x.png

54x40

Messages27x20@2x.png

81x60

Messages27x20@3x.png

64x48

Messages32x24@2x.png

96x72

Messages32x24@3x.png

 

Xcode 프로젝트에 아이콘 넣기


각 사이즈별로 미리 준비된 이미지 파일들을 Xcode 프로젝트에 넣는다. 왼쪽 메뉴 중 Assets.xcassets 항목을 열고, AppIcon 항목을 선택하면 각각의 크기별로 아이콘을 지정할 수 있는 공란이 나타난다. Finder에서 작업한 이미지들이 있는 폴더를 연 다음 드래그/드롭하여 아이콘을 넣으면 된다.

어플리케이션 아이콘을 넣을 수 있는 Assets.xcasset

파일 이름만 위의 표대로 올바르게 명명했다면, 통째로 Xcode에 드래그 하였을 때 다음과 같이 알아서 적절한 항목에 이미지들이 입력된다. 배정되지 않은 항목들은 느낌표로 뜨는데 이것들만 지워주면 된다.

어플리케이션 아이콘으로 사용할 이미지는 하나씩 드래그/드롭할 필요가 없다.

참고로 드래그/드롭한 항목들은 프로젝트 파일 시스템 내에 완전히 복사되어 입력된다.

프로젝트 파일 시스템 속으로 복사된 파일들

 


trackbacks: 0, comments: 0
 
Comments
 
 
'Application Programming Interface/Cocoa' Related Articles