Objective
Mobile app을 개발할 때, 그 중요성에 비해 상당히 번거로운 작업 중 하나는 Icon / Splash 이미지를 만들어서 등록하는 부분임. 이를 디자이너의 도움 없이 손쉽게 mobile app의 icon / splash 이미지를 만드는 방법을 기술
Resize Image
굳이 Photo shop등의 application을 설치하지 않아도, 간단한 크기 조정 등을 할 수 있는 많은 online service가 있으며, 그 중 ResizeImage.net이라는 사이트에서 부가적인 기능들을 제공하고 있어 이미지 가공에 손쉽게 활용할 수 있음.
특히, background를 투명하게 채울 수 있는 option이나, 원본의 종횡비를 유지한채로 이미지의 크기만 재조정하는 기능이 유용함.
Auto generation images for each size
2019-03-19 업데이트 => 동년 3월 17일부로 사이트를 닫았습니다.
PhoneGap 사이트에서 해당 기능을 제공하고 있음.
icon / splash 이미지 파일을 업로드하면 iOS / Android 용으로 필요한 사이즈로 가공된 이미지들을 내려 받을 수 있음.
icon의 경우 1024*1024 이상, splash의 경우 2208*2208 이상의 크기를 권장함.
Ionic의 경우 Ionic cordova resources 라는 cli를 통해서 가능하다고 가이드가 나와 있으나(Ionic 계정 필수), 어째서인지 예외가 발생하고 제대로 동작하지 않는 듯.
References
https://www.resource-generator.com/
https://ionicframework.com/docs/cli/commands/cordova-resources/