앱 아이콘 만들기 — iOS·안드로이드·윈도우·맥·웹 아이콘을 한 번에
로고 이미지 하나로 플랫폼마다 필요한 크기의 아이콘을 만듭니다. 크기만 다른 게 아니라 플랫폼마다 규칙이 달라서, 그 규칙에 맞지 않으면 스토어 등록이 거절되거나 작은 크기에서 뭉개져 보입니다. 이미지는 브라우저 밖으로 나가지 않습니다.
원본은 1024×1024 이상의 정사각형이 가장 좋습니다. 정사각형이 아니면 긴 쪽이 잘리는데, 미리보기를 끌어서 남길 부분을 정할 수 있습니다. 여백을 주면 로고 주위에 공간이 생기고, 배경색은 투명한 로고 뒤에 깔립니다.
큰 로고를 16px처럼 아주 작게 줄일 때 품질 차이가 크게 납니다. 픽셀을 건너뛰며 줄이면 가는 선이 끊기고 무늬가 생깁니다. 이 도구는 픽셀을 평균 내어 줄입니다. 세밀한 원본을 16px로 줄여 올바른 평균값과 비교해 보면, 건너뛰는 방식은 오차가 121(0~255 기준), 이 도구는 0.7입니다.
플랫폼별 규칙
| 플랫폼 | 꼭 지킬 것 |
|---|---|
| iOS | 꽉 찬 정사각형, 투명한 곳 없음, 알파 채널 없음. 모서리는 iOS가 깎습니다. |
| 안드로이드 (Play 스토어) | 512×512 정사각형. 모서리 둥글림은 Google Play가 적용하므로 직접 깎지 않습니다. |
| 윈도우 | 투명 배경 가능. 16·24·32·48·256px가 탐색기와 작업 표시줄에 쓰입니다. |
| macOS | 16px부터 1024px까지. 요즘 맥 아이콘은 둥근 사각형 모양과 여백을 이미지 안에 담습니다. |
| 웹 | 파비콘 16·32px, 홈 화면용 Apple Touch Icon 180px, 설치형 웹앱(PWA) 192·512px. |
iOS 아이콘이 거절되는 가장 흔한 이유
App Store Connect는 앱 아이콘에 투명한 부분이 있거나, 투명한 곳이 없어도 파일에 알파 채널이 들어 있으면 거절합니다(ITMS-90717). 모서리를 미리 둥글게 깎으면 모서리가 투명해져서 걸리고, 브라우저에서 PNG를 저장하면 겉보기엔 불투명해도 알파 채널이 늘 붙어서 또 걸립니다.
그래서 이 도구는 iOS를 고르면 모양과 모서리 설정을 숨기고, 꽉 찬 정사각형을 알파 채널 없는 PNG로 저장합니다. 투명한 로고라면 그 뒤에 고른 배경색이 깔립니다. 요즘 Xcode는 1024×1024 한 장만 넣으면 나머지 크기를 알아서 만들기 때문에, 새 프로젝트라면 App Store용 1024 하나로 충분합니다.
쓰는 법
- 1
로고 넣기
끌어다 놓거나 눌러서 고릅니다. 정사각형이 아니면 미리보기를 끌어 남길 부분을 정합니다.
- 2
플랫폼 고르기
iOS·Android·Windows·macOS·Web 중 고르면 그 플랫폼에 필요한 크기 목록이 나옵니다.
- 3
모양과 여백 정하기
iOS 외에는 정사각형·원형과 모서리 둥글기를 고를 수 있습니다. 로고가 가장자리에 붙어 답답하면 여백을 조금 줍니다.
- 4
내려받기
크기 하나를 눌러 한 장만 받거나, '전체 다운로드'로 그 플랫폼의 모든 크기를 ZIP 하나로 받습니다.
자주 묻는 질문
안드로이드 적응형 아이콘도 만들 수 있나요?
아니요. 안드로이드 8.0부터 쓰는 적응형 아이콘은 전경과 배경을 따로 된 두 장으로 넣어야 하는데, 이 도구는 한 장짜리 아이콘을 만듭니다. Play 스토어 등록용 512px와 예전 방식의 런처 아이콘에 쓰세요.
윈도우용 .ico 파일이 필요해요.
이 도구는 크기별 PNG를 만듭니다. 여러 크기를 한 파일에 담은 .ico가 필요하면 '파비콘 만들기' 도구를 쓰세요.
SVG 로고도 되나요?
됩니다. 다만 SVG에 가로세로 크기가 적혀 있지 않으면 브라우저가 크기를 알 수 없어 흐리게 나올 수 있으니, 가능하면 큰 PNG로 넣는 편이 확실합니다.
로고가 서버에 올라가나요?
올라가지 않습니다. 모든 크기를 브라우저 안에서 그려서 바로 저장합니다.