ionic icon 및 splash 이미지 변경

Web/Ionic

bboks.net 2021. 2. 4. 16:57

* 플랫폼 생성 후 적용은 splash에만 적용되는 것으로 확인

* 좀 더 정확한 확인을 위해 프로젝트 생성 후 처음부터 다시 해보는 방법을 써봐야 할 듯

1. 1024×1024px(icon)과 2732×2732px(splash) 이미지를 준비

2. 이미지를 ionic 프로젝트 root의 resources 폴더에 이동

3. capacitor-resource 설치

npm install capacitor-resources -g

4. cordova-res 설치

npm install -g cordova-res

3과 4 둘중 하나만 설치해도 될듯

5. 안드로이드 이미지 생성

ionic cordova resources android

6. 이미지를 복사 (resources 상위 디렉토리에서)

cordova-res android --skip-config --copy

※ 참조

안드로이드의 경우 정상적인 이미지가 있어도 화면 비율에 안맞는 경우가 발생 icon의 경우 안드로이드 스튜디오에서 직접 만들고 splash의 경우 그냥 흰색 이미지를 이용해 만드는게 속편함

* 플랫폼을 지우고 다시 추가하라라는 말이 있는데 플랫폼을 삭제하면 platform에서 작성한 native 코드가 모두 날아가니 주의 필요

참조