3분만에 Flutter 구글/앱스토어 업로드용 앱 아이콘 만들기

아주아주 간단하고 심플하게 스토어에 올릴 앱 아이콘 만들기

따라하면 3분만에 앱 아이콘을 변경할 수 있다.

 

---

#1. web_hi_res_512.png 대표아이콘 생성하기

#2. flutter_launcher_icons 패키지 추가하기

#3. 단숨에 아이콘 생성하기

 

---

#1. web_hi_res_512.png 대표아이콘 생성하기

 - App icon 을 생성해주는 아래의 링크로 이동하자.

Android Asset Studio - Launcher icon generator

 - 이미지 선택해서 추가하기

 

좌측 상단의 image 를 클릭하고 아이콘으로 만들 이미지를 선택하자.

 

 - 이미지가 정상적으로 로드된 것을 확인하자.

 

 

 - 우측 상단 다운로드 버튼을 클릭해 아이콘 set 을 저장하자.

 

 

 

 - 다운로드 받으면 ic_launcher.zip 파일로 받아질 것이다. 이 때 압축을 풀고 web_hi_res_512.png 파일을 icon.png 로 변경하자.

 - icon.png 파일을 내 flutter 프로젝트 폴더 하위의 assets/icon/ 경로로 옮겨주자.

 

 

 

#2. flutter_launcher_icons 패키지 추가하기

 - pubspec.yaml 파일로 이동해 flutter_launcher_icons 패키지를 추가하자 (처음에 0.9.0 버전으로 추가했으나 다른 패키지와 충돌이 나서 0.8.0 버전으로 변경함)

 

 

 - 추가 후 pub get 버튼을 누르자.

 

 

 

#3. 단숨에 아이콘 생성하기

 - flutter 프로젝트 루트 폴더 하위에 flutter_launcher_icons.yaml 파일을 생성하고 아래 내용을 넣어주자.

 - 아래처럼 띄어쓰기를 꼭 해줘야 한다. 안그러면 Check that your config file `flutter_launcher_icons.yaml` has a `flutter_icons` section 에러가 날 것임

# 만드는 명령어 flutter pub run flutter_launcher_icons:main
flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon.png"

 

 

 - pubspec.yaml 파일에 아래 내용을 추가해주자. (dev_dependencies: 하위쪽에 위치시키자.)

 - 추가 후 pub get 명령어 수행

flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon.png"

 

 

 - 터미널 창에서 flutter pub run flutter_launcher_icons:main 명령어를 수행하자.

flutter pub run flutter_launcher_icons:main

 

 - 아래와 같이 터미널 창이 보인다면 정상적으로 아이콘이 추가되었을 것이다.

 

 

 

아주 간단하게 앱 아이콘을 생성하는 방법에 대해 알아보았다.

카카오 로그인, iOS 로그인 구현이 필요하다면 아래의 링크를 통해 확인해보자.

 

5분만에 Flutter 에서 kakao login 버튼 추가하기

 

Flutter iOS 애플 로그인 기능(Sign in with apple) 구현하기

---

※ 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음