앱 아이콘 규격 한 번에 정리: iOS, Android, 스토어, 웹

앱을 처음 출시하면 아이콘 크기가 이렇게 많았나 싶어서 놀라요. 플랫폼마다 화면 밀도와 쓰이는 곳이 달라서 같은 그림을 여러 크기로 준비해야 하기 때문이에요. 이 글에서는 꼭 필요한 크기만 추려서 정리하고, 실수하기 쉬운 부분을 짚어 볼게요.

원본은 1024×1024 한 장이면 돼요

모든 아이콘은 가장 큰 원본 하나에서 줄여서 만들어요. 1024×1024 정사각형 PNG로 준비하고, 모서리는 둥글게 깎지 말고 네모 그대로 두세요. 둥근 모양은 iOS와 Android가 알아서 잘라요. 원본 단계에서 둥글게 만들면 모서리에 투명하거나 검은 틈이 생겨요.

iOS

최신 Xcode는 1024 한 장만 넣어도 되지만, 예전 버전 기기와 설정 화면, 알림, 스포트라이트 등에서 쓰이는 크기를 모두 넣어 두면 작은 크기에서도 선명하게 보여요. 주요 크기는 다음과 같아요.

가장 많이 하는 실수는 투명 배경이에요. 앱스토어는 알파 채널이 있는 아이콘을 거절하니 반드시 배경을 채워서 저장해야 해요.

Android

Android는 화면 밀도별로 mipmap 폴더를 나눠요. 48dp 기준으로 mdpi 48, hdpi 72, xhdpi 96, xxhdpi 144, xxxhdpi 192픽셀이에요. Android 8부터는 적응형 아이콘을 써서 전경과 배경을 따로 두고, 기기 제조사가 원, 둥근 사각형, 물방울 등 원하는 모양으로 잘라요.

적응형 아이콘의 전경은 108dp 크기인데, 그중 가운데 지름 66dp 원 안쪽만 항상 보인다고 생각해야 해요. 로고가 이 안전 영역을 벗어나면 어떤 기기에서는 잘려 보여요. 그래서 전경 이미지는 원본을 약 61% 크기로 줄여 가운데에 두는 게 기본이에요.

플레이스토어와 웹

• 플레이스토어 등록용 아이콘: 512×512 PNG
• 웹 앱(PWA): 192×192, 512×512, 그리고 안전 영역을 둔 maskable 512
• 아이폰 홈 화면에 웹사이트를 추가할 때: apple-touch-icon 180×180

한 번에 만들기

위 크기를 하나씩 만들면 실수하기 쉬워요. 원본 한 장을 넣으면 폴더 구조와 Contents.json, 적응형 아이콘 XML까지 맞춰 주는 도구를 쓰면 편해요.

만든 뒤에는 실제 기기에서 작은 크기로 봤을 때 알아볼 수 있는지 꼭 확인하세요. 아이콘은 대부분 손톱만 한 크기로 보이니, 글자를 많이 넣기보다 굵은 형태 하나로 기억되게 만드는 편이 좋아요.

이 글에 나온 도구