iOS 에서 아이콘 사이즈

https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

위 링크에 가면 애플이 이야기하는 디자인 가이드를 살펴볼 수 있습니다.

내용이 많고 복잡하고 그런데, 우리한테 필요한 부분만 간단히 정리하면 아래와 같습니다.

앱 아이콘

https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/

iPhone 180px × 180px (60pt × 60pt @3x) 120px × 120px (60pt × 60pt @2x)

애플 문서에서 @2x, @3x 는 스크린의 레티나 픽셀 밀도를 표시하는 것입니다.

픽셀 밀도에 따라 같은 크기(pt)의 이미지라도 픽셀 수는 달라지기 때문에 기본으로 pt 사이즈로 정의합니다.

그래서, jpg, png 등 래스터이미지로 준비하려면 이미지 두 개가 필요합니다.

180px x 180px 짜리, 120px x 120px 짜리 두 개입니다.

앱 아이콘은 벡터 이미지를 받아주지 않기 때문에 jpg 파일로 두 개 만들어야 됩니다.

Navigation bar(상단바) 에 들어가는 아이콘

Target sizes Maximum sizes 72px × 72px (24pt × 24pt @3x) 84px × 84px (28pt × 28pt @3x) 48px × 48px (24pt × 24pt @2x) 56px × 56px (28pt × 28pt @2x)

애플 문서에 들어있는 내용은 위와 같은데, px로 표현된 것은 래스터 이미지일 경우입니다. Maximun size 는 캔버스 사이즈이고 그 안에 실제 이미지는 target size 정도로 맞추라고 권고합니다. 약간 여백을 두라는 의미죠.

우리는 벡터 이미지를 사용할 것이므로 가로 세로 비율만 맞춰주면 될 것 같습니다.

https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/

위 링크의 애플 문서를 한번 읽어보는 것이 좋은데요. 색깔 없이 흑백?으로 @2x 사이즈로 만들어서 pdf로 저장하라고 합니다.

어차피 벡터라 비율만 맞으면 될 것 같긴 한데, 애플 권고를 따르는 것이 좋겠네요.

56pt x 56pt 사이즈 안에 아이콘 디자인하고 pdf 로 export 하면 될 것 같네요.

스토어 아이콘

그리고, 나중에 앱스토어에 앱을 등록할 때 필요한 파일이 있는데, 사이즈는 1024px x 1024px 입니다.

이건 jpg 로 작업합니다.

그 외 필요한 요소요소마다 아이콘의 사이즈가 다르게 지정되어 있는데, 현재 앱에서는 아직까지 필요한 것은 아니라 제외합니다.

참고로 아래는 spotlight, 설정, 알림메시지에 표시될 아이콘의 사이즈들 입니다.

Spotlight, Settings, and Notification Icons

Device Spotlight icon size iPhone 120px × 120px (40pt × 40pt @3x) 80px × 80px (40pt × 40pt @2x) iPad Pro, iPad, iPad mini 80px × 80px (40pt × 40pt @2x) Device Settings icon size iPhone 87px × 87px (29pt × 29pt @3x) 58px × 58px (29pt × 29pt @2x) iPad Pro, iPad, iPad mini 58px × 58px (29pt × 29pt @2x) Device Notification icon size iPhone 60px × 60px (20pt × 20pt @3x) 40px × 40px (20pt × 20pt @2x) iPad Pro, iPad, iPad mini 40px × 40px (20pt × 20pt @2x)

개발중에 변동사항이 있으면 추가로 아이콘들이나 이미지들이 필요할 수도 있습니다.