모든 iPhone 애플리케이션에는 다양한 상황에서 표시될 아이콘이 필요합니다. 새로운 알림이 도착했을 때 보여지는 알림 아이콘, 홈 화면에 표시되는 앱 아이콘, 스포트라이트(Spotlight) 검색 결과에 나타나는 아이콘 등이 대표적입니다.
이러한 아이콘들은 각각 서로 다른 크기 규격을 가지지만, 크기 외에도 모든 아이콘이 공통으로 지켜야 할 기본 규칙들이 있습니다. 먼저 이 공통 규칙부터 살펴보겠습니다.
iOS 앱 아이콘의 공통 규칙
- 아이콘은 반드시 .png 형식이어야 합니다.
- 아이콘은 플랫(flat)한 디자인이어야 하며, 투명 배경을 포함해서는 안 됩니다.
- 이미지는 모서리가 둥근 형태가 아닌 정사각형으로 제작해야 합니다.
앱스토어(App Store) 아이콘 크기
모든 iOS 기기에서 앱스토어에 등록할 때 사용하는 아이콘 크기는 1024px × 1024px입니다.
기기별 아이콘 크기 (1x, 2x, 3x)
그 외의 앱 아이콘 크기는 일반적으로 기기의 화면 밀도에 따라 1x, 2x, 3x 세 가지 배율을 기준으로 합니다. 예를 들어 스포트라이트 아이콘의 1x 크기가 40px라면, 2x는 80px, 3x는 120px가 됩니다.
스포트라이트(Spotlight) 아이콘: 40px × 40px
80px × 80px
120px × 120px
설정(Settings) 아이콘: 29px × 29px
58px × 58px
87px × 87px
알림(Notification) 아이콘: 20px × 20px
40px × 40px
60px × 60px
앱 아이콘(App Icon): 60px × 60px
120px × 120px
180px × 180px아이콘 모서리 반경(Corner Radius)에 대해
iOS에서는 시스템이 자동으로 아이콘에 둥근 모서리(마스크)를 적용해 주기 때문에, 개발자가 직접 모서리를 둥글게 잘라낼 필요가 없습니다. 오히려 미리 둥글게 만든 아이콘을 업로드하면 이중으로 마스크가 적용되어 이상하게 보일 수 있으므로 주의해야 합니다. 참고로 최신 iOS 기기의 앱 아이콘 모서리 반경은 아이콘 한 변 길이의 약 22.5% 수준입니다.
레티나(Retina) 디스플레이 이후의 변화
최근 레티나 디스플레이가 보편화되면서 더 이상 1x 이미지는 요구되지 않습니다. 따라서 앱스토어용 1024px 아이콘과 함께 2x, 3x 이미지만 준비하면 됩니다.
아래 이미지는 iOS 앱에 필요한 아이콘과 각각의 크기를 한눈에 보여줍니다.
