[flutter_launcher_icons] 플러터 앱 아이콘 만들기

2022. 12. 24. 20:17flutter(플러터)

반응형

플러터로 앱 아이콘을 만들어보자

만들어서 적용해보자!

 

우선 앱 아이콘? 로고? 를 만들자!

여러가지 그림판, 파워포인트 등등 만들 수 있는 방법은 각양각색이지만, 내가 하는 가장 쉬운 방법은 Figma 다.

(피그마가 간단하게 이미지 만들기에 최고다!)

피그마에 네모칸으로 아이콘을 만들어준다.

크기는 1024 x 1024 다!!

파일 사이즈는 최대 1024KB다!!

이 크기와 사이즈를 지키라고 한다.

라이언을 찾자!

다른 블로그로 보면 맥북으로 이미지를 만들 때, 알파를 체크하면 안 된다고 한다.

오류가 생긴다는데, 나도 저렇게 따라했다.

이미지 켜서 내보내기하고 알파 체크 해제

이미지를 만들면 assets-icon파일에 넣어주자!

 

https://pub.dev/packages/flutter_launcher_icons

 

flutter_launcher_icons | Dart Package

A package which simplifies the task of updating your Flutter app's launcher icon.

pub.dev

그 다음 아주 대단하신 분이 만들어주신 플러그인을 활용하자!

앱 하나에 이렇게 다양한 크기의 아이콘이 필요하다!

push메세지에 들어가는 작은 로고부터 큰 로고까지 이미지 파일 하나만 있으면 이걸 다 만들어준다!

flutter pub run flutter_launcher_icons:main을 입력하면

끝!

 

참고

https://dev-yakuza.posstree.com/ko/flutter/app-icon/

반응형