앱 아이콘 변경과정 정리

앱아이콘의 배율조절이 만먹힌다.

차라리 png로 잘라서 조절하는게 낫다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

Flutter 앱 아이콘 구현 과정

 

 

1. 개발 환경 설정

 

 

먼저   pubspec.yaml  에 필요한 패키지를 추가합니다.

dev_dependencies:
  flutter_launcher_icons: ^0.13.1

2. 아이콘 에셋 준비

 

 

 

• 위치: assets/icon/ 디렉토리

 

 

 

• 파일명: app_icon2.png

 

 

 

• 권장 사양:

 

 

 

• 크기: 1024x1024 픽셀

 

 

 

• 포맷: PNG

 

 

 

• 투명 배경 지원

 

 

 

• 중요 요소는 중앙 60-70% 영역에 배치

 

 

3. 아이콘 설정

 

 

pubspec.yaml  파일에 아이콘 설정을 추가:

flutter_launcher_icons:
  android: true  # 안드로이드 아이콘 생성
  ios: true      # iOS 아이콘 생성
  image_path: "assets/icon/app_icon2.png"  # 아이콘 이미지 경로
  adaptive_icon_background: "#FFFFFF"       # 안드로이드 적응형 아이콘 배경색
  adaptive_icon_foreground: "assets/icon/app_icon2.png"  # 안드로이드 적응형 아이콘 전경

 

4. 아이콘 생성

 

 

터미널에서 다음 명령어를 순서대로 실행:

flutter clean         # 캐시 정리
flutter pub get      # 의존성 다운로드
flutter pub run flutter_launcher_icons  # 아이콘 생성

 

5. 생성된 아이콘 위치

 

 

 

• Android: android/app/src/main/res/mipmap-*

 

 

 

 

• iOS: ios/Runner/Assets.xcassets/AppIcon.appiconset/

 

 

 

6. AndroidManifest.xml 설정

안드로이드의 경우  android/app/src/main/AndroidManifest.xml     에서 아이콘 설정:

<application
    android:label="앱이름"
    android:name="${applicationName}"
    android:icon="@mipmap/ic_launcher">

 

결과

 

 

 

• 안드로이드와 iOS 모두에서 적절한 크기와 해상도의 앱 아이콘이 자동으로 생성됨

 

 

 

• 안드로이드 12 이상에서는 적응형 아이콘(Adaptive Icon) 지원

 

 

 

• iOS에서는 다양한 기기 해상도에 맞는 아이콘 자동 생성

 

 

 

주의사항

 

 

 

• iOS의 경우 알파 채널(투명도)이 있는 아이콘은 App Store에서 거부될 수 있음

 

 

 

• 안드로이드 적응형 아이콘의 경우 기기별로 다양한 모양(원형, 사각형 등)으로 표시될 수 있으므로 중요한 요소는 중앙에 배치해야 함