앱 아이콘 크기와 안전 영역: 아이콘 두 개로 74개 파일을 만들어 본 결과
앱 아이콘은 1024px 한 장만 잘 그리면 끝날 것 같지만, 실제로는 설정 화면의 29px, 알림의 20px처럼 아주 작은 크기로도 쓰이고, Android에서는 기기마다 원형·둥근 사각형 등 다른 모양으로 잘립니다. 이 글은 성격이 다른 아이콘 원본 두 개를 이 사이트의 앱 아이콘 생성기에 넣어 74개 파일을 만들어 보고, 크기별로 어떻게 보이는지와 Android 적응형 아이콘에서 생기는 문제를 확인한 기록입니다.
먼저 결론
- 작은 크기에서는 단순한 아이콘만 알아볼 수 있었습니다. 작은 글자와 그림이 많은 아이콘은 58px부터 뭉개지고 29px에서는 무엇인지 알 수 없었습니다.
- 아이콘 안에 앱 이름 같은 글자를 넣지 마세요. 120px에서도 읽히지 않았습니다.
- Android 적응형 아이콘은 배경까지 그린 그림을 그대로 넣으면 모양 안에 네모 테두리가 생깁니다. 심볼만 투명하게 분리하고 배경은 따로 지정하세요.
- iOS 아이콘은 모서리를 직접 둥글게 만들지 말고 정사각형으로 넣으세요. 모서리는 시스템이 깎습니다.
어떤 크기가 어디에 쓰이나
| 플랫폼 | 주요 크기(px) | 쓰이는 곳 |
|---|---|---|
| iOS | 1024 / 180·120 / 87·58·29 / 60·40·20 | App Store / 홈 화면 / 설정 / 알림·Spotlight |
| macOS | 16~1024 (1x·2x) | Dock, Finder, 목록 보기 |
| watchOS | 48~234 | 알림, 런처, Quick Look |
| Android 기존 아이콘 | 36·48·72·96·144·192 | ldpi~xxxhdpi 런처 (mipmap) |
| Android 적응형 전경 | 108·162·216·324·432 | 108dp 캔버스, 기기 모양에 맞춰 잘림 |
| Google Play | 512 | 스토어 등록 정보 |
이 표는 이 생성기가 만드는 프리셋입니다. 실제로 필요한 슬롯은 프로젝트의 최소 지원 버전과 대상 기기에 따라 다르므로 Xcode·Android Studio에서 누락 경고를 확인하세요.
어떻게 시험했나
GPT 이미지 모델로 1024×1024 원본 두 개를 만들었습니다. ① 주황색 그라데이션 위에 흰 종이비행기 하나만 있는 단순형, ② 지갑·막대그래프·동전·달력과 가는 글씨 "Daily Budget Planner"가 들어간 복잡형입니다. 두 원본을 앱 아이콘 생성기에 넣고 도구의 실제 생성 기능으로 파일을 만들었습니다. 측정 환경은 2026년 9월, Windows의 Chromium 152입니다.
| 원본 | 생성 파일 수 | 전체 용량 | ZIP 용량 | 120px 파일 | 29px 파일 |
|---|---|---|---|---|---|
| 단순형 | 74개 | 5.71 MiB | 5.73 MiB | 17.9 KiB | 1.5 KiB |
| 복잡형 | 74개 | 6.96 MiB | 6.97 MiB | 25.3 KiB | 2.0 KiB |
생성은 PC에서 두 원본 모두 1초 이내에 끝났습니다. PNG는 이미 압축된 형식이라 ZIP으로 묶어도 용량이 거의 줄지 않습니다. 용량 대부분은 1024px 원본과 macOS 대형 크기가 차지합니다.
결과 1 — 작은 크기에서 살아남는 아이콘
단순형은 20px에서도 종이비행기 모양이 보였습니다. 복잡형은 120px에서도 아래쪽 글씨를 읽을 수 없었고, 58px에서는 지갑과 달력이 한 덩어리로 보였으며, 29px 확대본에서는 파란 얼룩과 초록 얼룩만 남았습니다. 29px 설정 화면에 들어가는 이미지는 가로세로 29칸짜리 모자이크와 같아서, 가는 선과 작은 글자는 한두 픽셀 안에 섞여 사라집니다.
아이콘을 만들 때는 1024px 원본을 휴대폰 화면에서 손톱만 한 크기로 줄여 보는 것이 가장 빠른 점검 방법입니다. 한 가지 상징, 굵은 선, 배경과 뚜렷한 명암 차이를 기준으로 삼으세요. 세부 묘사는 스토어 스크린샷에서 보여 주면 됩니다.
결과 2 — Android 적응형 아이콘의 네모 테두리
Android 8.0 이상의 적응형 아이콘은 108×108dp 크기의 전경과 배경 두 레이어로 이루어지고, 기기는 그중 가운데 72dp만 원형이나 둥근 사각형 등으로 잘라 보여 줍니다. 로고가 잘리지 않으려면 중앙 지름 66dp 안에 있어야 합니다. 이 생성기는 원본을 108dp 중 가운데 66dp, 즉 약 61.1%(432px 파일에서 264px) 크기로 배치합니다.
문제는 원본에 배경색까지 칠해져 있을 때입니다. 위 그림처럼 네모난 원본 전체가 전경이 되어, 스쿼클이나 둥근 사각형 모양에서는 안쪽에 네모 테두리가 드러납니다. 아래처럼 심볼만 투명 배경 PNG로 만들어 생성기에 넣고, 프로젝트의 adaptive-icon XML에서 배경 레이어를 단색이나 별도 이미지로 지정하면 어떤 모양에서도 깔끔합니다.
참고로 "66%"로 계산하면 안 됩니다. 66dp는 108dp의 약 61.1%라서, 중앙 66%에 맞추면 안전 영역보다 커집니다.
Apple 아이콘에서 확인할 것
iOS·watchOS 앱 아이콘은 투명한 부분이 허용되지 않아서, 이 생성기는 투명한 부분을 선택한 배경색(기본 흰색)으로 채웁니다. 투명 로고를 넣었다면 배경색을 브랜드 색으로 바꿔 보세요. 모서리를 미리 둥글게 깎은 원본을 넣으면 시스템이 한 번 더 깎아 모서리에 배경색이 비칩니다. 정사각형 원본을 그대로 넣으세요.
ZIP의 Xcode/AppIcon.appiconset 폴더에는 PNG와 Contents.json이 들어 있어, 프로젝트의 Assets에 넣으면 슬롯이 채워집니다. 다만 여러 타깃이나 Watch 확장, Apple의 새 레이어 방식 아이콘(Icon Composer)까지 자동으로 설정되지는 않으니 빌드 후 경고를 확인하세요.
작업 순서
- 1024×1024 이상 정사각형 원본을 준비합니다. 직사각형이면 가운데 기준으로 잘립니다.
- Android 적응형 아이콘용으로는 심볼만 있는 투명 PNG를 따로 준비합니다.
- 생성기에서 미리보기 크기를 보며 29px·40px에서 알아볼 수 있는지 확인합니다.
- ZIP을 받아 Xcode에는 AppIcon.appiconset을, Android Studio에는 mipmap 폴더와 적응형 전경을 넣습니다.
- 실제 기기나 에뮬레이터에서 홈 화면·설정·알림에 표시되는 모습을 확인합니다.
자주 하는 실수
- 작은 원본을 확대해서 쓰기: 512px 원본으로 1024px를 만들면 흐려집니다. 생성기가 경고를 표시합니다.
- 아이콘에 앱 이름 쓰기: 앱 이름은 아이콘 아래에 이미 표시됩니다.
- 가장자리까지 로고를 채우기: 적응형 아이콘에서 로고 끝이 잘립니다.
- 흰 배경 아이콘을 흰 배경에서만 확인하기: 다크 모드나 색 있는 배경화면에서 경계가 어떻게 보이는지 함께 확인하세요.
이 도구의 동작과 한계
모든 처리는 브라우저에서 이뤄지며 원본은 서버로 올라가지 않습니다. 생성되는 것은 정적 PNG와 기존 방식의 AppIcon.appiconset입니다. Android 단색 테마 아이콘(monochrome), 알림용 흰색 아이콘, Apple의 다크·틴트 변형은 만들지 않으므로 필요하면 개발 도구에서 추가하세요. PNG 묶음을 만든 것과 스토어 제출 검증을 통과한 것은 다른 단계입니다.