Apple Human Interface Guidelines (HIG) - 이미지

이 콘텐츠는 이미지 해상도와 포맷에 대한 지침을 제공하며, 다양한 Apple 플랫폼에서의 이미지 사용에 대한 모범 사례를 설명합니다. 특히, 고해상도 애셋을 제공하고, 각 기기에서의 이미지 표시 방식을 고려하여 디자인해야 한다는 점이 강조됩니다. 따라서, 모든 지원 기기에 적합한 이미지를 제작하는 것이 중요합니다.

1. 해상도 개요

• 다양한 기기는 각기 다른 해상도로 이미지를 표시함.
• 포인트는 시각 콘텐츠의 일관성을 유지하는 추상적인 측정 단위임. 2D 플랫폼에서 포인트는 디스플레이 해상도에 따라 달라질 수 있는 픽셀 수에 매핑됨.
• 비트맵 이미지를 생성할 때 크기 조절 비율_을 지정하여 해상도를 결정함. 예를 들어, 크기 조절 비율1(@1x)은 1:1 픽셀 밀도를 나타내며, 고 해상도디스플레이는 2:1(@2x) 또는 3:1(@3x)과 같은 더 높은 픽셀 밀도를 가짐.

2. 이미지 크기 조절 비율

• 모든 지원 기기에 앱의 모든 비트맵 이미지에 대한 고 해상도애셋을 제공해야 함.

• 크기 조절 비율에 따라 파일 이름에 ‘@1x’, ‘@2x’ 또는 ‘@3x’를 추가하여 식별함.

• 각 플랫폼에 대한 크기 조절 비율은 다음과 같음:
  iPadOS, watchOS: @2x
  iOS: @2x 및 @3x
  visionOS: @2x 이상
  macOS, tvOS: @1x 및 @2x

3. 이미지 포맷

• 다양한 유형의 이미지를 생성할 때 다음 권장 사항을 고려해야 함.
• 이미지 유형에 따른 포맷:

비트맵 또는 래스터 작업물: 인터레이스 미적용 PNG파일
전체 24비트 색상이 필요 없는 PNG그래픽: 8비트 색상 팔레트
사진: JPEG파일 또는 HEIC 파일
고 해상도크기 조절이 필요한 플랫 아이콘: PDF 또는 SVG 파일

4. 이미지 모범 사례

• 각각의 이미지에 색상 프로필을 포함해야 함. 이는 다양한 디스플레이에서 색상이 의도대로 표시되도록 돕는 역할을 함.

• 항상 다양한 실제 기기에서 이미지를 테스트해야 함. 디자인 시점에서 올바르게 표시되던 이미지가 다양한 기기에서 다르게 보일 수 있음.

5. 플랫폼 고려 사항

iOS, iPadOS 또는 macOS에 대한 추가 고려 사항은 없음.

8. watchOS 관련

이미지 파일을 작게 유지하기 위해 투명도 사용을 지양해야 함.

모든 화면 크기에 대해 단일 애셋을 제공하려면 자동 크기 조절 PDF를 사용해야 함.

화면 크기에 따른 이미지 크기 조절 비율은 다음과 같음:
38mm: 90%
40mm: 100%
41mm: 106%
42mm: 100%
44mm: 110%
45mm: 119%
49mm: 119%