다른 화면 해상도에 대해 이미지 최적화

Windows 및 Windows Phone에 적용

앱을 식별하는 각 이미지의 다른 버전을 추가할 수 있습니다(예: 로고 및 시작 화면 이미지). 그런 다음 화면 해상도가 서로 다른 다양한 장치에 적합한지 확인하기 위해 테스트할 수 있습니다. 각 이미지의 다양한 버전을 추가하면 해당 그래픽을 사용자의 화면 크기에 맞게 늘이거나 줄이는 정도를 최소화할 수 있습니다.

나타내는 자산 유형에 따라 Square7070.png 등으로 파일 이름을 지정합니다. 동일한 폴더에 여러 파일을 저장하려면 파일 이름에 배율 한정자를 포함합니다. 예를 들어 파일 중 하나의 이름을 Square7070Logo.scale-100.png 등으로 지정할 수 있습니다.

배율에 따라 폴더에 파일을 구성하려면 파일 이름 대신 폴더 이름에 배율 한정자를 포함합니다. 예를 들어 Square7070Logo.png 및 Square150150Logo.png를 Assets\Scale-100 하위 폴더에 저장할 수 있습니다.

솔루션을 열고 응용 프로젝트의 Assets 폴더에 이미지 파일을 추가합니다.

공유 앱 프로젝트를 사용하여 둘 이상의 폼 팩터(예: Windows 및 Windows Phone)에 맞게 앱을 빌드하는 경우, 솔루션의 공유 프로젝트 Assets 폴더에 이미지 파일을 추가하는 것이 좋습니다. 단 이미지가 두 폼 팩터에 모두 적절해야 합니다.

  1. 솔루션 탐색기에서 App 매니페스트 디자이너(Package.appxmanifest)를 열고 시각적 자산 탭을 선택합니다.

  2. 시각적 자산 목록에서 모든 이미지 자산 을 선택하여 이미지에 대한 설정을 표시합니다.

  3. 기본 로고에 약식 이름을 표시하려면 약식 이름 텍스트 상자에 이름을 지정합니다.

    참고 참고

    Windows Phone 앱의 경우 약식 이름기본 크기 값은 무시됩니다.

  4. 로고의 텍스트 상자(예: 정사각형 150x150 로고)에서 기본 로고를 지정합니다.

    정사각형 150x150 로고의 기본값은 Assets\Logo.png입니다.

  5. 페이지의 크기가 조정된 자산 영역에서 배율 상자 옆에 있는 찾아보기() 단추를 선택한 후 Assets 폴더를 찾아 해당 배율에 맞는 이미지를 지정한 다음 열기 단추를 선택합니다.

    참고 참고

    이미지를 배율 조정된 크기로 자세히 보려면 상자의 이미지를 선택합니다. 미리 보기 창이 열리고 사용될 각 이미지 파일이 나타납니다.

    이미지가 상자에 나타나고 파일이 복사됩니다. 복사된 파일은 스토어 앱의 리소스 명명 규칙인 Name.scale-nnn.ext에 따라 이름이 지정됩니다. 여기서 nn은 배율입니다. 예를 들어 Logo.scale-100.png와 같이 파일 이름이 지정될 수 있습니다.

Windows에만 적용

시뮬레이터를 사용하여 Windows 스토어에 맞게 디자인한 앱을 미리 볼 수 있습니다. 자세한 내용은 시뮬레이터에서 Windows 스토어 앱 실행을 참조하십시오.

시뮬레이터를 사용하여 Windows Phone 스토어에 맞게 디자인한 앱을 미리 볼 수 있습니다. 디버거 표준 도구 모음의 디버깅 시작 단추 옆에 있는 드롭다운 목록에서 에뮬레이터를 선택합니다. 앱을 미리 볼 때 사용할 해상도와 일치하는 에뮬레이터를 선택합니다.

중요 중요

스토어에 앱을 게시하려면 먼저 실제 장치에서 앱을 테스트해야 합니다.

표시:
© 2015 Microsoft