iOS·Android 앱 아이콘 만들기

앱 아이콘 생성기 사용 방법

1. 1

   이미지 추가

   정사각형 PNG, JPG, WebP, SVG 파일을 끌어다 놓으세요. 1024 × 1024 픽셀 이상이 가장 좋아요. 투명 배경의 로고도 잘 맞아요.

2. 2

   플랫폼 선택

   iOS, Android, 웹 및 PWA를 그대로 두거나 필요 없는 플랫폼은 체크를 해제하세요. Xcode 전체 크기 세트와 1024 px 아이콘 하나 중에서 고를 수 있어요.

3. 3

   모양 조정

   여백, 배경색, 어댑티브 아이콘과 마스커블 아이콘 안의 이미지 크기를 설정하세요. 안전 영역 가이드와 런처 모양으로 확인할 수 있어요.

4. 4

   ZIP 다운로드

   ZIP 다운로드를 누르고 각 폴더를 프로젝트에 복사하세요. 안에 있는 README에 파일별 위치가 나와 있어요.

앱 아이콘 생성기 소개

앱 아이콘 생성기는 이미지 한 장으로 모바일 앱이나 프로그레시브 웹 앱에 필요한 아이콘 세트를 모두 만들어 줘요. 파일 이름과 폴더 구성도 Xcode, Android Studio, 브라우저가 요구하는 방식 그대로예요. 모든 플랫폼을 선택하면 ZIP에 PNG 파일 39개가 들어 있어요. iPhone과 iPad 에셋 카탈로그용 15개(1024 px App Store 아이콘 포함), mdpi부터 xxxhdpi까지 Android 런처 이미지 15개, 512 px Google Play 아이콘, 그리고 웹 아이콘 8개예요. 웹 아이콘에는 192 px와 512 px 매니페스트 크기, 마스커블 버전, 180 px apple-touch-icon, 16, 32, 48 px 파비콘이 들어 있어요.

이미지와 함께 AppIcon.appiconset용 Contents.json, 배경색 리소스를 포함한 Android 8 어댑티브 아이콘용 mipmap-anydpi-v26 XML, 크기 3개짜리 favicon.ico, manifest.webmanifest의 icons 블록, HTML link 태그도 만들어요. iOS 파일은 알파 채널 없이 저장해요. Xcode가 알파 채널이 있는 App Store 아이콘을 받아 주지 않기 때문이에요. 모든 크기는 1024 px 원본에서 절반씩 단계적으로 줄여서 작은 아이콘도 선명해요.

이 도구는 아이콘을 디자인해 주거나 배경을 지워 주지 않아요. 어댑티브 배경 레이어도 두 번째 이미지가 아니라 단색을 써요. 스퀴클, 물방울형, 원형 미리보기는 흔한 런처를 흉내 낸 것이고 제조사마다 마스크가 달라서, 실제 기기에서 꼭 확인하세요.

기능

앱 아이콘 생성기: 자주 묻는 질문