본문으로 바로가기

앱 아이콘 변경하기

category 📱 Mobile/📱 (old) Flutter v 1.0 2020. 5. 16. 02:17

https://appicon.co/

 

App Icon Generator

Generate icons and images for mobile apps, android and iOS. No need to upload or download. Works on your browser

appicon.co

 

flutter에서 앱 아이콘을 변경하기 위해서는 adroid, ios 경로에 들어가 직접 수정해주어야 합니다. 위 사이트를 통해 작업한 png나 jpg 등 이미지 파일을 변환한 후에 플러터 프로젝트에 넣어 봅시다.

 

 

 

 

 

안드로이드

 

android>app>src>main>res 의 파일들을 교체하면 됩니다. 우클릭한 후에서 show in explorer를 누르면 폴더에서 열 수 있습니다. 이제 위 사이트에서 준 폴더를 덮어쓰기 하면 됩니다.

 

 

iOS

 

iOS>Runner>Assets.xcassets 에 있는 AppIcon.appiconset을 교체해주면 됩니다. 안드로이드와 마찬가지로 위 사이트에서 이미 다 생성해주었으니 덮어쓰기 해줍시다.

 

 

 


 

 

그런데, 안드로이드에서 만든 아이콘의 상태를 보면, 안드로이드 버전에 따라 앱 아이콘이 둥근 네모형이었다가 원형이었다가 여래저래 변형이 많습니다. 

 

이 경우 android>app>src>main>res 경로의 우클릭에서 Image Asset을 생성해주도록 합시다.

 

 

 

Path에서 사용할 이미지 파일을 지정해주면, 어떤 방식으로 앱 아이콘이 나올 지 확인할 수 있습니다. 여기서 Resize를 조정해서 어느 환경에서든 예쁘게 보이도록 조정하면 됩니다.

 

 

 

조정 한 후에는 이미지가 resize된 것을 확인할 수 있습니다. 

 


darren, dev blog
블로그 이미지 DarrenKwonDev 님의 블로그
VISITOR 오늘 / 전체