Flutter 앱 아이콘을 내 이미지로 변경해보자.

플러터

안녕하세요. 최근 플러터로 애플리케이션을 개발하고, 1차적으로 완성된 앱을 8월 중 배포하려고 합니다.
이에 제일 중요(?)한 앱의 아이콘을 변경하는 방법을 알아보았습니다.

1. 앱 아이콘 사진 선정

1024x1024 크기의 이미지 파일을 선택합니다. 예시로, 아래와 같은 이미지를 선정했습니다.
여러분이 알고계시는 그 iOS의 단축어 아이콘입니다.

iOS 단축어 아이콘

 

2. 이미지를 앱 아이콘으로 변환하기

이미지를 앱 아이콘으로 변환해주는 사이트입니다.
사실 이 게시글의 전부입니다.

아래의 사이트에 접근하시어, 이미지를 업로드하여 변환된 파일을 [Generate] 버튼을 클릭해 다운로드합니다.

https://www.appicon.co/

App Icon Generator

App Icon Generator에서 이미지를 변환합니다.

 

3. 변환된 이미지를 적용합니다.

압축을 풀면, 아래와 같은 디렉토리 2개와 AppStore/PlayStore의 썸네일이 생성됩니다.

변환된 이미지셋

3-1. Android 앱 아이콘 적용하기

android 디렉토리내의 minmap-XXX 디렉토리들을 플러터 디렉토리의 android/src/main/res 디렉토리에 넣어서 대치시키면 완료입니다.

Android 앱 아이콘을 위한 디렉토리

3-2. iOS 앱 아이콘 적용하기

Assets.xcassets 디렉토리 내의 AppIcon.appiconset 디렉토리를 ios/Runner/Assets.xcassets 디렉토리에 넣어 대치시키면 완료입니다.

iOS 앱 아이콘을 위한 디렉토리

4. 결과 확인하기

플러터 앱을 구동시키면, 여러분의 앱 아이콘이 위에서 변환한 이미지로 보이는 것을 확인할 수 있습니다!

기존 앱 아이콘

변경된 앱 아이콘