앱 이미지 선택

앱에 다양한 로고, 스크린샷 및 이미지가 포함되어야 합니다. 일부는 필수이고 일부는 선택 사항입니다. 이미지는 앱을 나타내는 기본 방식 중 하나입니다. 잘 디자인된 이미지는 앱에 대한 고객의 관심을 끄는 데 큰 도움이 될 수 있습니다.

앱 패키지에 포함되지는 않지만 Windows 스토어에서 사용할 수 있도록 앱을 제출할 때 포함하는 이미지도 있습니다. 스크린샷홍보용 이미지가 여기에 포함됩니다.

참고  이 항목의 정보는 특히 Windows 8.1을 대상으로 하는 앱과 Windows 8.1을 실행하는 고객에 대해 Windows 스토어에 표시되는 방식에 적용됩니다. 필수 이미지는 Windows 8을 대상으로 하는 앱과 동일하지만 이미지가 스토어, 고객의 시작 화면 및 앱 자체에서 사용되는 방식은 아래 설명과 다를 수 있습니다.

또한, 앱을 Windows Phone 스토어에 제출하려는 경우 Windows Phone 앱용 타일 크기 및 디자인 지침에 대한 정보도 살펴보아야 합니다.

다음 표에서는 앱 패키지에 포함되는 다양한 이미지 유형에 대해 간략하게 설명합니다. 필수 이미지는 여기에서 굵게 표시되어 있습니다.

이미지 이름80% 크기100% 크기140% 크기180% 크기정의 위치
스토어 로고해당 없음 50x5070x7090x90 Package/Properties/Logo
Square150x150Logo120x120150x150210x210270x270 VisualElements/@Square150x150Logo
Square30x30Logo24x2430x3042x4254x54 VisualElements/@Square30x30Logo
Wide310x150Logo248x120 310x150434x210558x270 VisualElements/DefaultTile/ @Wide310x150Logo
Square310x310Logo248x248310x310434x434558x558 VisualElements/DefaultTile/ @Square310x310Logo
Square70x70Logo56x5670x7098x98126x126 VisualElements/DefaultTile/ @Square70x70Logo
배지 로고해당 없음24x2433x33 43x43 VisualElements/LockScreen
시작 화면해당 없음 620x300868x420 1116x540 VisualElements/SplashScreen

 

다양한 화면 해상도에서 뛰어난 환경을 제공하려면 이미지의 크기 조정된 버전을 앱에 포함하는 것이 좋습니다. 크기 조정된 이미지는 단순히 원래 이미지에서 크기만 조정하는 것이 아니라 이미지 크기에 맞게 디자인해야 합니다. 크기 조정된 이미지 제공은 선택 사항입니다. 자세한 내용은 다양한 화면 해상도에 맞게 이미지 최적화를 참조하세요.

  Windows 앱 인증 키트를 실행하면 필수 이미지가 누락되었는지 여부를 확인하는 데 도움이 됩니다.

타일 이미지에 대한 자세한 내용은 다음을 참조하세요.

Windows 스토어에서 사용되는 앱 이미지

Windows 스토어는 앱을 고객에게 표시할 때 여러 개의 다른 이미지를 사용합니다. 대부분의 이미지는 위에서 설명한 것처럼 앱 패키지에 제출하는 이미지입니다. Windows 스토어에서 사용되는 이미지는 아래에서 설명합니다.

스크린샷

스크린샷은 앱 목록에서 고객에게 표시되는 앱 이미지입니다. 앱은 하나 이상의 스크린샷(최대 9개)을 제출해야 합니다. 다음은 6개 스크린샷을 사용하는 앱 목록 페이지의 예입니다.

Windows 스토어에 나열된 앱 이미지

Windows 스토어가 앱을 추천하는 경우 첫 번째 스크린샷이 사용될 수도 있습니다. 이 첫 번째 스크린샷에 대해 브랜딩 요소를 사용하여 앱을 나타내는 선택한 그래픽을 디자인할 수 있습니다. 다음은 Windows 스토어의 추천 앱 예입니다. 스크린샷에 표시된 더 작은 이미지는 앱의 Square150x150Logo입니다.

Windows 스토어의 추천 앱

이 첫 번째 스크린샷과 달리 다른 스크린샷은 앱에서 직접 만들어야 합니다. Microsoft Visual Studio는 이러한 스크린샷을 캡처하는 데 유용한 도구를 제공합니다.

각 스크린샷 이미지는 2MB 이하의 .png 파일이어야 합니다. 이미지는 1366x768 픽셀(가로 방향) 또는 768x1366 픽셀(세로 방향) 이상이어야 하고 2MB 이하입니다. 각 이미지에는 이미지를 설명하는 200자 이내의 짧은 캡션도 포함되어야 합니다. 설명을 제공하는 각 언어에 대한 캡션을 포함해야 합니다.

멋진 스크린샷을 만드는 방법과 앱 제출 프로세스 중에 업로드되는 방법에 대한 자세한 내용은 앱 설명의 스크린샷 정보를 참조하세요. 앱 패키지에는 포함되지 않습니다.

필수 여부스크린샷 한 개는 필수이며 각 앱에 최대 9개 스크린샷이 있을 수 있습니다.
크기

가로 방향에서는 1366x768 이상

세로 방향에서는 768x1366 이상

유형 .png

 

Square150x150Logo

Square150x150Logo 이미지는 시작 화면에 있는 앱의 정사각형 타일 이미지를 나타냅니다. 이전 섹션의 예와 같이 Windows 스토어에서 앱을 추천할 때 사용할 수도 있습니다.

이 이미지는 앱 매니페스트에 있는 VisualElements 요소의 Square150x150Logo 특성에 지정합니다. 프로세스의 개요는 빠른 시작: Microsoft Visual Studio 매니페스트 편집기를 사용하여 기본 타일 만들기를 참조하세요.

  Square150x150Logo 이미지를 디자인하는 경우 시작 화면에 사용할 때 이미지에 앱 이름을 포함할지 또는 Windows에서 이미지 위에 앱 이름을 오버레이하도록 할지를 고려합니다. Windows 스토어에서 고객에게 앱을 보여 주기 위해 사용할 때 타일을 표시하려는 모양을 고려해야 합니다. 대부분의 경우 타일 이미지에 앱 이름을 포함하지만 반드시 포함할 필요는 없습니다. Windows에서 시작 화면의 타일에 이름을 추가할지 여부를 지정하는 방법에 대한 자세한 내용은 DefaultTile/ShowNameOnTiles을(를) 참조하세요.
필수 여부150x150 픽셀 이미지만 필수입니다.
크기
80%: 120x120
100%: 150x150
140%: 210x210
180%: 270x270
유형 .png, .jpg, .jpeg

 

Wide310x150Logo

큰 로고는 필수 이미지가 아니지만 Windows 스토어의 여러 화면에서 사용되므로 100%(310x150 픽셀) 크기의 로고를 포함하는 것이 좋습니다. 다음은 여러 권장 앱의 와이드 타일을 보여 주는 개인 설정 추천 앱/게임 페이지의 예입니다.

추천 앱/게임에 표시된 큰 로고

Wide310x150Logo를 정의하면 앱이 알림을 표시하는 데 특히 중요한 시작 화면에 와이드 타일을 표시할 수도 있습니다. 앱에 큰 로고를 포함하지 않는 경우 앱 타일을 와이드 크기로 조정할 수 없고 와이드 형식의 알림을 표시할 수도 없습니다. 앱이 타일에 알림을 표시할 필요가 없는 경우에도 추천 앱/게임 등의 스토어 페이지에서 앱이 제대로 표시되도록 Wide310x150Logo를 포함하는 것이 좋습니다. 포함하지 않을 경우 이러한 레이아웃에 앱이 표시될 때 Square150x150Logo가 대신 사용되며 넓은 배경의 가운데에 배치됩니다.

이 이미지는 앱 매니페스트에 있는 DefaultTile 요소의 Wide310x150Logo 특성에 지정합니다.

  로고 이미지를 디자인하는 경우 시작 화면에 사용할 때 이미지에 앱 이름을 포함할지 또는 Windows에서 이미지 위에 앱 이름을 오버레이하도록 할지를 고려합니다. Windows 스토어에서 고객에게 앱을 보여 주기 위해 사용할 때 와이드 타일을 표시하려는 모양을 고려해야 합니다. 대부분의 경우 타일 이미지에 앱 이름을 포함하지만 반드시 포함할 필요는 없습니다. Windows에서 시작 화면의 타일에 이름을 추가할지 여부를 지정하는 방법에 대한 자세한 내용은 DefaultTile/ShowNameOnTiles을(를) 참조하세요.
필수 여부아니요(권장)
크기
80%: 248x120
100%: 310x150
140% 434x210
180% 558x270
유형 .png, .jpg, .jpeg

 

스토어 로고

스토어 로고(50x50 픽셀)는 Windows 스토어에서 앱 목록 페이지의 세부 정보 섹션에 사용됩니다. 아래 예제의 인기 무료 목록과 같은 스토어의 기타 섹션에도 표시될 수 있습니다.

스토어 로고를 표시하는 인기 무료 목록

이 이미지는 앱 매니페스트에 있는 Package/Properties/Logo 요소에 지정합니다.

  

스토어 로고 이미지는 70x70 색판 위에 표시됩니다. 이는 실제로 로고 주위에 작은 테두리가 있음을 의미합니다. 테두리 색은 VisualElements\SplashScreen 요소의 BackgroundColor 특성에 따라 결정됩니다. 위 예제와 같은 테두리 모양을 피하려면 배경색을 앱 로고의 기본 색과 동일한 색으로 설정합니다.

필수 여부50x50 픽셀 이미지만 필수입니다.
크기
100%: 50x50
140%: 70x70
180%: 90x90
유형 .png, .jpg, .jpeg

 

홍보용 이미지

Windows 스토어 편집 팀은 여러 이미지를 사용하여 앱을 홍보합니다. 앱의 첫 번째 스크린샷과 Square150x150Logo 이미지가 사용되는 경우도 많습니다. 추가 홍보용 이미지를 제출하면 Windows 스토어 팀에서 다른 홍보용 레이아웃에 앱을 포함할 수도 있습니다. 앱의 홍보용 이미지를 제공한다고 해서 반드시 앱이 추천되는 것은 아니지만 제공하지 않을 경우 일부 홍보 기회 대상으로 고려되지 않을 수 있습니다. 자세한 내용은 앱을 판촉하기 쉽게 만들기를 참조하세요.

모든 크기로 홍보용 이미지를 제공하면 Windows 스토어 편집 팀에서 앱을 추천할 때 도움이 됩니다. 이러한 이미지는 다양한 홍보용 레이아웃에 사용됩니다. 예를 들어 다음은 414x468 크기의 홍보용 이미지를 사용하는 이미지입니다.

Windows 스토어의 홍보용 이미지

앱 제출 프로세스 중에 홍보용 이미지를 최대 4개까지 제공할 수 있습니다. 앱 패키지에는 포함되지 않습니다. 아래 표의 설명과 동일한 크기여야 합니다. 414x180 및 414x468 크기가 가장 자주 사용되므로 제공할 가장 중요한 이미지입니다.

필수 여부아니요(권장)
크기

다음 크기 중 하나 이상:

414x180
414x468
558x756
846x468
유형 .png

 

기타 앱 이미지

위에서 언급한 이미지 이외에도 앱 패키지에 제출하는 다른 이미지가 있습니다. 이러한 이미지는 Windows 스토어에서 사용되지 않지만 앱이 더 풍부한 사용자 환경을 제공할 수 있도록 도와줍니다. 일부 이미지는 앱 제출에 필요합니다.

시작 화면

시작 화면은 사용자가 앱을 열 때 잠시 표시됩니다. 앱에서는 시작 화면 이미지를 제공해야 하며 이 화면이 표시될 때 사용할 배경색도 지정할 수 있습니다. 이 이미지 및 선택적 배경색은 앱 매니페스트의 SplashScreen 요소에 지정합니다. 자세한 내용은 시작 화면에 대한 지침 및 검사 목록시작 화면 추가를 참조하세요.

시작 화면 이미지를 지정하려면 Image 특성을 앱 패키지의 이미지 경로로 설정합니다. SplashScreen 요소의 BackgroundColor 특성에 정의한 배경색에 이미지가 표시됩니다.

필수 여부620x300 픽셀 이미지만 필수입니다.
크기
100%: 620x300
140%: 868x420
180%: 1116x540
유형 .png, .jpg, .jpeg

 

Square30x30Logo

Square30x30Logo는 고객이 장치에 설치된 모든 앱을 보는 경우 등 Windows에서 여러 장소에 사용됩니다.

이 이미지는 앱 매니페스트에 있는 VisualElements 요소의 Square30x30Logo 특성에 지정합니다.

필수 여부30x30 픽셀 이미지만 필수입니다.
크기
80%: 24x24
100%: 30x30
140%: 42x42
180%: 54x54
유형 .png, .jpg, .jpeg

 

Square70x70Logo

Square70x70Logo는 고객이 앱 시작 화면에 더 작은 타일을 표시하도록 선택할 경우 사용됩니다. 해당 자산을 제공하지 않으면 Square150x150Logo 타일 자산의 축소 버전이 사용됩니다.

이 이미지는 앱 매니페스트에 있는 VisualElements 요소의 Square70x70Logo 특성에 지정합니다.

필수 여부아니요
크기
80%: 56x56
100%: 70x70
140%: 98x98
180%: 126x126
유형 .png, .jpg, .jpeg

 

Square310x310Logo

Square310x310Logo는 고객이 앱 시작 화면에 큰 타일을 표시하도록 선택할 경우 사용됩니다. 해당 자산을 제공하지 않으면 타일 크기를 크게 조정할 수 없습니다.

참고  큰 타일을 지원하려면 와이드 타일도 지원해야 하므로 큰 타일 크기를 지원하려면 네 개의 타일 크기를 모두 지원해야 합니다.

이 이미지는 앱 매니페스트에 있는 DefaultTile 요소의 Square310x310Logo 특성에 지정합니다.

필수 여부아니요
크기
80%: 248x248
100%: 310x310
140%: 434x434
180%: 558x558
유형 .png, .jpg, .jpeg

 

배지 로고

배지 로고는 잠금 화면에서 앱을 식별하기 위해 배지 알림 옆에 표시되는 이미지입니다. 선택 사항이며 다른 곳에서 사용되지 않습니다.

이 이미지는 앱 매니페스트에 있는 LockScreen 요소의 BadgeLogo 특성에 지정합니다. 자세한 내용은 잠금 화면 개요를 참조하세요.

참고  배지 로고 이미지는 단색이어야 합니다.
필수 여부아니요
크기
100%: 24x24
140%: 33x33
180%: 43x43
유형 .png, .jpg, .jpeg

 

 

 

표시:
© 2015 Microsoft