다음 표에는 각 모바일 플랫폼에 사용되는 아이콘 크기가 나와 있습니다.
아이콘 크기
|
플랫폼
|
29x29
|
iOS
|
36x36
|
Android
|
40x40
|
iOS
|
48x48
|
Android, iOS
|
50x50
|
iOS
|
57x57
|
iOS
|
58x58
|
iOS
|
60x60
|
iOS
|
72x72
|
Android, iOS
|
75x75
|
iOS
|
76x76
|
iOS
|
80x80
|
iOS
|
87x87
|
iOS
|
96x96
|
Android
|
100x100
|
iOS
|
114x114
|
iOS
|
120x120
|
iOS
|
144x144
|
Android, iOS
|
152x152
|
iOS
|
167x167
|
iOS
|
180x180
|
iOS
|
192x192
|
Android
|
512x512
|
Android, iOS
|
1024x1024
|
iOS
|
응용 프로그램 설명자 파일의 아이콘 요소에서 아이콘 파일의 경로를 지정합니다.
<icon>
<image36x36>assets/icon36.png</image36x36>
<image48x48>assets/icon48.png</image48x48>
<image72x72>assets/icon72.png</image72x72>
</icon>
지정된 크기의 아이콘을 제공하지 않으면 그 다음으로 가장 큰 아이콘이 지정된 크기에 맞게 조정되어 사용됩니다.
Android의 아이콘
Android에서 응용 프로그램 설명자로 지정된 아이콘은 응용 프로그램 실행 아이콘으로 사용됩니다. 응용 프로그램 실행 아이콘은 36x36, 48x48, 72x72, 96x96, 144x144 및 192x192 픽셀 PNG 이미지 집합으로 제공되어야 합니다. 이러한 아이콘 크기는 각각 낮은 밀도, 보통 밀도 및 높은 밀도의 화면에 사용됩니다.
개발자는 Google Play Store에 앱을 제출할 때 512x512 픽셀 아이콘을 제출해야 합니다.
iOS의 아이콘
응용 프로그램 설명자에 정의된 아이콘은 iOS 응용 프로그램의 다음 위치에서 사용됩니다.
-
29x29 픽셀 아이콘 - 저해상도 iPhone/iPod의 내부 검색 아이콘 및 저해상도 iPad의 설정 아이콘입니다.
-
40x40 픽셀 아이콘 - 저해상도 iPad의 내부 검색 아이콘입니다.
-
48x48 픽셀 아이콘 - AIR에서 이 이미지에 테두리를 추가하여 저해상도 iPad의 내부 검색에 대한 50x50 아이콘으로 사용합니다.
-
50x50 픽셀 아이콘 - 저해상도 iPad의 내부 검색 아이콘입니다.
-
57x57 픽셀 아이콘 - 저해상도 iPhone/iPod의 응용 프로그램 아이콘입니다.
-
58x58 픽셀 아이콘 - Retina 디스플레이 iPhone/iPod의 내부 검색 아이콘 및 Retina 디스플레이 iPad의 설정 아이콘입니다.
-
60x60 픽셀 아이콘 - 저해상도 iPhone/iPod의 응용 프로그램 아이콘입니다.
-
72x72 픽셀 아이콘(선택 사항) - 저해상도 iPad의 응용 프로그램 아이콘입니다.
-
76x76 픽셀 아이콘(선택 사항) - 저해상도 iPad의 응용 프로그램 아이콘입니다.
-
80x80 픽셀 아이콘 - 고해상도 iPhone/iPod/iPad의 내부 검색 아이콘입니다.
-
100x100 픽셀 아이콘 - Retina 디스플레이 iPad의 내부 검색 아이콘입니다.
-
114x114 픽셀 아이콘 - Retina 디스플레이 iPhone/iPod의 응용 프로그램 아이콘입니다.
-
120x120 픽셀 아이콘 - 고해상도 iPhone/iPod의 응용 프로그램 아이콘입니다.
-
152x152 픽셀 아이콘 - 고해상도 iPad의 응용 프로그램 아이콘입니다.
-
167x167 픽셀 아이콘 - 고해상도 iPad Pro의 응용 프로그램 아이콘입니다.
-
512x512 픽셀 아이콘 - 저해상도 iPhone/iPod/iPad의 응용 프로그램 아이콘입니다. iTunes에서 이 아이콘을 표시합니다. 512픽셀 PNG 파일은 개발 버전의 응용 프로그램을 테스트하는 데에만 사용됩니다. Apple App Store에 최종 응용 프로그램을 제출하는 경우 JPG 파일 형식의 512픽셀 이미지를 별도로 제출해야 합니다. IPA에 포함되지 않습니다.
-
1024x1024 픽셀 아이콘 - Retina 디스플레이 iPhone/iPod/iPad의 응용 프로그램 아이콘입니다.
iOS에서 자동으로 아이콘에 후광 효과가 추가되므로 소스 이미지에 효과를 적용할 필요는 없습니다. 이 기본 후광 효과를 제거하려면 응용 프로그램 설명자 파일의
InfoAdditions
요소에 다음을 추가하십시오.
<InfoAdditions>
<![CDATA[
<key>UIPrerenderedIcon</key>
<true/>
]]>
</InfoAdditions>
참고:
iOS에서는 응용 프로그램 메타데이터가 응용 프로그램 아이콘에 ping 메타데이터로 삽입되므로 Abobe는 Apple iOS 앱 스토어에서 사용 가능한 AIR 응용 프로그램의 수를 추적할 수 있습니다. 이 아이콘 메타데이터로 인해 자신의 응용 프로그램이 AIR 응용 프로그램으로 식별되는 것을 원치 않는 경우에는 IPA 파일의 패키지화를 해제하고 아이콘 메타데이터를 제거한 후 다시 패키지화해야 합니다. 이 절차는
iOS에 대한 AIR 응용 프로그램 분석 기능 제외
문서에 설명되어 있습니다.
iOS 시작 이미지
응용 프로그램 아이콘 외에도
Default.png
라는 시작 이미지를 하나 이상 제공해야 합니다. 서로 다른 방향, 해상도(고해상도 Retina 디스플레이 및 16:9 종횡비 포함) 및 장치에 대해 각각의 시작 이미지를 포함할 수도 있습니다. 응용 프로그램이 URL을 통해 호출될 때 사용할 다른 시작 이미지를 포함할 수도 있습니다.
시작 이미지 파일은 응용 프로그램 설명자에서 참조되지 않으며 루트 응용 프로그램 디렉토리에 넣어야 합니다. 파일을 하위 디렉토리에 넣지
마십시오
.
파일 이름 지정 체계
다음 스킴에 따라 이미지의 이름을 지정하십시오.
basename + screen size modifier + urischeme + orientation + scale + device + .png
파일 이름의
basename
부분은 유일한 필수 부분입니다. 이 부분은
Default
(대문자 D 사용)이거나 응용 프로그램 설명자의
InfoAdditions
요소에서
UILaunchImageFile
키를 사용하여 지정한 이름입니다.
화면 크기 수정자
부분은 표준 화면 크기 중 하나가 아닌 경우 화면의 크기를 지정합니다. 이 수정자는 iPhone 5 및 iPod Touch(5세대) 같은 16:9 종횡비 화면의 iPhone 및 iPod Touch 모델에만 적용됩니다. 이 수정자에 대해 지원되는 유일한 값은
-568h
입니다. 이러한 장치에서는 고해상도(Retina) 디스플레이를 지원하므로 화면 크기 수정자는 항상 크기 조절 수정자가
@2x
인 이미지와 함께 사용됩니다. 이러한 장치의 전체 기본 시작 이미지 이름은
Default-568h@2x.png
입니다.
urischeme
부분은 URI 스킴을 식별하는 데 사용되는 문자열입니다. 이 부분은 응용 프로그램에서 하나 이상의 사용자 정의 URL 스킴을 지원하는 경우에만 적용됩니다. 예를 들어
example://foo
와 같은 링크를 통해 응용 프로그램을 호출할 수 있는 경우
-example
을 시작 이미지 파일 이름의 스킴 부분으로 사용하십시오.
orientation
부분은 응용 프로그램이 시작될 때 장치의 방향에 따라 사용할 여러 시작 이미지를 지정하는 데 활용됩니다. 이 부분은 iPad 응용 프로그램용 이미지에만 적용되며, 응용 프로그램이 시작될 때의 장치 방향을 나타내는 다음 값 중 하나일 수 있습니다.
-
-Portrait
-
-PortraitUpsideDown
-
-Landscape
-
-LandscapeLeft
-
-LandscapeRight
scale
부분은 고해상도(Retina) 디스플레이에 사용되는 시작 이미지의 경우
@2x
(iPhone 4, iPhone 5 및 iPhone 6용) 또는
@3x
(iPhone 6 plus용)입니다. 표준 해상도 디스플레이에 사용되는 이미지에 대해서는 scale 부분을 생략하십시오. 또한 iPhone 5 및 iPod Touch(5세대) 같이 길이가 긴 장치용 시작 이미지의 경우에는 basename 부분 뒤와 다른 부분 앞에 화면 크기 수정자
-528h
를 지정해야 합니다.
device
부분은 핸드헬드 장치 및 휴대폰용 시작 이미지를 지정하는 데 사용됩니다. 이 부분은 해당 응용 프로그램이 단일 응용 프로그램 바이너리를 통해 핸드헬드 장치와 타블렛을 모두 지원하는 범용 응용 프로그램인 경우에 사용됩니다. 사용 가능한 값은
~ipad
또는
~iphone
이어야 합니다(iPhone 및 iPod Touch 모두).
iPhone의 경우 세로 종횡비 이미지만 포함할 수 있습니다. 그러나 iPhone 6 plus의 경우에는 가로 이미지도 추가할 수 있습니다. 표준 해상도 장치에는 320x480픽셀 이미지를, 고해상도 장치에는 640x960픽셀 이미지를, 그리고 iPhone 5 및 iPod Touch(5세대) 같은 16:9 종횡비 장치에는 640x1136픽셀 이미지를 각각 사용합니다.
iPad의 경우 다음 지침에 따라 이미지를 포함합니다.
-
AIR 3.3 이하 - 비전체 화면 이미지: 가로(보통 해상도의 경우 1024x748, 고해상도의 경우 2048x1496) 및 세로(보통 해상도의 경우 768x1004, 고해상도의 경우 1536x2008) 종횡비 이미지를 모두 포함할 수 있습니다.
-
AIR 3.4 이상 - 전체 화면 이미지: 가로(보통 해상도의 경우 1024x768, 고해상도의 경우 2048x1536) 및 세로(보통 해상도의 경우 768x1024, 고해상도의 경우 1536x2048) 종횡비 이미지를 모두 포함할 수 있습니다. 비전체 화면 응용 프로그램용으로 전체 화면 이미지를 패키지화할 경우, 상단의 20픽셀(고해상도인 경우 상단 40픽셀)은 상태 표시줄로 가려집니다. 이 영역에는 중요한 정보를 표시하지 않습니다.
예제
다음 표에는 가장 광범위한 장치 및 방향을 지원하며
example://
스킴을 사용하는 URL로 시작될 수 있는 가상의 응용 프로그램에 포함할 수 있는 시작 이미지의 예가 나와 있습니다.
파일 이름
|
이미지 크기
|
사용
|
Default.png
|
320 x 480
|
iPhone, 표준 해상도
|
Default@2x.png
|
640 x 960
|
iPhone, 고해상도
|
Default-568h@2x.png
|
640 x 1136
|
iPhone, 고해상도, 16:9 종횡비
|
Default-Portrait.png
|
768 x 1004 (AIR 3.3 이하)
768 x 1024(AIR 3.4 이상)
|
iPad, 세로 방향
|
Default-Portrait@2x.png
|
1536 x 2008 (AIR 3.3 이하)
1536 x 2048(AIR 3.4 이상)
|
iPad, 고해상도, 세로 방향
|
Default-PortraitUpsideDown.png
|
768 x 1004 (AIR 3.3 이하) 768 x 1024(AIR 3.4 이상)
|
iPad, 위/아래가 뒤집힌 세로 방향
|
Default-PortraitUpsideDown@2x.png
|
1536 x 2008 (AIR 3.3 이하) 1536 x 2048(AIR 3.4 이상)
|
iPad, 고해상도, 뒤집힌 세로 방향
|
Default-Landscape.png
|
1024 x 768
|
iPad, 왼쪽 가로 방향
|
Default-LandscapeLeft@2x.png
|
2048 x 1536
|
iPad, 고해상도, 왼쪽 가로 방향
|
Default-LandscapeRight.png
|
1024 x 768
|
iPad, 오른쪽 가로 방향
|
Default-LandscapeRight@2x.png
|
2048 x 1536
|
iPad, 고해상도, 오른쪽 가로 방향
|
Default-example.png
|
320 x 480
|
표준 iPhone에서 example:// URL
|
Default-example@2x.png
|
640 x 960
|
고해상도 iPhone에서 example:// URL
|
Default-example~ipad.png
|
768 x 1004
|
세로 방향의 iPad에서 example:// URL
|
Default-example-Landscape.png
|
1024 x 768
|
가로 방향의 iPad에서 example:// URL
|
이 예제에서는 한 가지 접근 방법만 보여 줍니다. 예를 들어
Default.png
이미지를 iPad에 사용하고
Default~iphone.png
및
Default@2x~iphone.png
를 iPhone 및 iPod에 대한 특정 시작 이미지로 지정할 수 있습니다.
참고 사항
iOS 응용 프로그래밍 안내서: 응용 프로그램 시작 이미지
iOS 장치용으로 패키지화할 시작 이미지
장치
|
해상도(픽셀)
|
시작 이미지 이름
|
방향
|
iPhone
|
iPhone 4(Retina 아님)
|
640 x 960
|
Default~iphone.png
|
세로
|
iPhone 4, 4s
|
640 x 960
|
Default@2x~iphone.png
|
세로
|
iPhone 5, 5c, 5s
|
640 x 1136
|
Default-568h@2x~iphone.png
|
세로
|
iPhone6, iPhone7
|
750 x 1334
|
Default-375w-667h@2x~iphone.png
|
세로
|
iPhone6+, iPhone7+
|
1242 x 2208
|
Default-414w-736h@3x~iphone.png
|
세로
|
iPhone6+, iPhone7+
|
2208 x 1242
|
Default-Landscape-414w-736h@3x~iphone.png
|
가로
|
iPad
|
iPad 1, 2
|
768 x 1024
|
Default-Portrait~ipad.png
|
세로
|
iPad 1, 2
|
768 x 1024
|
Default-PortraitUpsideDown~ipad.png
|
위/아래가 뒤집힌 세로
|
iPad 1, 2
|
1024 x 768
|
Default-Landscape~ipad.png
|
왼쪽 가로
|
iPad 1, 2
|
1024 x 768
|
Default-LandscapeRight~ipad.png
|
오른쪽 가로
|
iPad 3, Air
|
1536 x 2048
|
Default-Portrait@2x~ipad.png
|
세로
|
iPad 3, Air
|
1536 x 2048
|
Default-PortraitUpsideDown@2x~ipad.png
|
위/아래가 뒤집힌 세로
|
iPad 3, Air
|
2048 x 1536
|
Default-LandscapeLeft@2x~ipad.png
|
왼쪽 가로
|
iPad 3, Air
|
2048 x 1536
|
Default-LandscapeRight@2x~ipad.png
|
오른쪽 가로
|
iPad Pro
|
2048 x 2732
|
Default-Portrait@2x.png
|
세로
|
iPad Pro
|
2732 x 2048
|
Default-Landscape@2x.png
|
가로
|
아트 지침
크기만 올바르면 어떤 아트든 시작 이미지로 만들 수 있습니다. 그러나 일반적으로 이미지는 응용 프로그램의 초기 상태와 일치하는 것이 좋습니다. 응용 프로그램 시작 화면의 스크린 샷을 찍어서 이러한 시작 이미지를 만들 수 있습니다.
-
iOS 장치에서 응용 프로그램을 엽니다. 사용자 인터페이스의 첫 화면이 나타나면 화면 아래에 있는 [홈] 버튼을 누르고 있습니다. [홈] 버튼을 누른 상태에서 장치의 맨 위에 있는 [잠자기/깨우기 ]버튼을 누릅니다. 이렇게 하면 스크린 샷이 생성되어 카메라 롤로 보내집니다.
-
iPhoto 또는 기타 사진 전송 응용 프로그램에서 개발 컴퓨터로 이미지를 전송합니다.
응용 프로그램이 여러 가지 언어로 지역화되는 경우 시작 이미지에 텍스트를 포함하지 마십시오. 시작 이미지는 불변하므로 텍스트가 다른 언어와 맞지 않게 됩니다.
참고 사항
iOS 휴먼 인터페이스 지침: 시작 이미지
|
|
|