[Ionic] Tạo image resource với Capacitor

Tạo folder và files cần thiết

Tạo folder resources ngang cấp với folder src. Có cấu trúc các files như sau

assets/
├── icon-only.png
├── icon-foreground.png
├── icon-background.png
├── splash.png
└── splash-dark.png

với các lưu ý như sau

• Icon files should be at least 1024px x 1024px.
• Splash screen files should be at least 2732px x 2732px.
• The format can be jpg or png.

Đảm bảo rằng bạn đã cài package

npm install @capacitor/assets --save-dev

Chạy câu lệnh tạo images cần thiết

npx capacitor-assets generate

Test thử trên mobile app

Xem thử hình ảnh generate ra đã đúng và đẹp chưa. Nếu chưa đẹp bạn tiếp tục chỉnh sửa file trong folder resource và generate lại.

Well done, happy coding 😉

Tham khảo: https://capacitorjs.com/docs/guides/splash-screens-and-icons