Flutter로 개발한 앱 플레이스토어(Play Store)에 배포하기 (1) - 런처 아이콘 만들기

Flutter로 개발한 앱 플레이스토어(Play Store)에 배포하기 시리즈

---

새로 생성된 Flutter 앱의 아이콘은 기본 런처 아이콘으로 설정되어있습니다. 

그렇기 때문에 플레이스토어에 배포할 시 기본 런처 아이콘을 변경해 줄 필요성이 존재합니다.

이번편은 런처 아이콘을 추가하는 방법에 대해서 알아보도록 하겠습니다.

---

런처 아이콘 만들기

App Icon Generator

먼저 위 링크에 접속합니다.

위 사이트를 이용하면 앱 아이콘을 만드는 것에 대한 공수를 줄일 수 있습니다.

 

처음 접속하면 위 사이트로 접속하게 됩니다. 그럼 저 빨간색 네모칸에 원하는 앱 아이콘 사진을 넣어주도록 합니다.

 

 

이렇게요, 그럼

 

 

 

그럼 위 사진 처럼 사진이 보여지게 됩니다. 이제 오른쪽에 스위치 버튼중에서 자신이 원하는 플랫폼에 맞춰 설정해 줍니다. 이번 포스트는 안드로이드를 타겟으로 하기 때문에 안드로이드만 스위칭 해줬습니다.

 

 

그런 다음 Generate를 눌러주면,

 

 

요렇게 다운로드가 되어집니다. 그럼 압축을 풀어보도록 하겠습니다.

 

 

자 요렇게 아이콘 이미지가 나오게 되었습니다.

그럼 android 파일로 들어가 보도록하겠습니다.

 

 

어디서 많이 본 적이 있는 폴더 구조 아닌가요? 그렇습니다. 안드로이드에 res파일 구조와 같습니다.

이 폴더 안에는 각 사이즈에 맞는 아이콘들이 들어가 있습니다. 이것을 Flutte 프로젝트에 있는 안드로이드 res 폴더에 넣어주면 됩니다.

 

Flutter 프로젝트에 안드로드 파일 구조는 아래와 같습니다.

D:\<프로젝트 루트>\android\app\src\main\res

 

 

어때요 똑같죠? 요 경로에 각 폴더에 맞춰 아이콘들을 넣어주면 됩니다.

 

 

요렇게요, 그리고 다 넣었으면 앱을 빌드 시켜보면

 

 

어때요 잘 들어갔죠?

이것으로 앱 아이콘은 변경되었습니다.

 

---

중요!!!

우리가 사용한 App Icon Generator라는 사이트는 .png라는 확장자로 이미지를 생성합니다.

하지만 확장자가 .png일 경우 앱 번들링 시 아래와 같은 에러를 뱉어냅니다.

PS D:\programming\flutter\oneday_oneggang> flutter build appbundle
                                                                        
FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:mergeReleaseResources'.
> Multiple task action failures occurred:
   > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
      > Android resource compilation failed
        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-hdpi\ic_launcher.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature.

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-hdpi\ic_launcher.png: AAPT: error: file failed to compile.

   > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
      > Android resource compilation failed
        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xhdpi\ic_launcher.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature.

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xhdpi\ic_launcher.png: AAPT: error: file failed to compile.

   > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
      > Android resource compilation failed
        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-mdpi\ic_launcher.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature.

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-mdpi\ic_launcher.png: AAPT: error: file failed to compile.

   > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
      > Android resource compilation failed
        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xxxhdpi\ic_launcher.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature.

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xxxhdpi\ic_launcher.png: AAPT: error: file failed to compile.

   > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
      > Android resource compilation failed
        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xxhdpi\ic_launcher.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature.

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xxhdpi\ic_launcher.png: AAPT: error: file failed to compile.


* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xhdpi\ic_launcher.png: AAPT: error: file failed to compile.

   > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
      > Android resource compilation failed
        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-mdpi\ic_launcher.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature.

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-mdpi\ic_launcher.png: AAPT: error: file failed to compile.

   > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
      > Android resource compilation failed
        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xxxhdpi\ic_launcher.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature.

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xxxhdpi\ic_launcher.png: AAPT: error: file failed to compile.

   > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
      > Android resource compilation failed
        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xxhdpi\ic_launcher.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature.

        D:\programming\flutter\oneday_oneggang\android\app\src\main\res\mipmap-xxhdpi\ic_launcher.png: AAPT: error: file failed to compile.


* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 9s

 

그렇기 때문에 .png 확장자를 .PNG로 변경해 줍니다.

---

마무리

오늘은 Flutter 앱 배포 그 첫번째 런처 아이콘을 만들어서 앱에 추가하는 방법까지 알아보았습니다.

혹시 잘 안되는 부분이 있거나 포스트에 문제가 있다면 댓글을 남겨주시기 바랍니다.

감사합니다.