Cara Super Simpel Ganti Splash Screen Cordova (1 Gambar Saja!)

1️⃣ Siapkan Gambar Splash Screen

• Buat satu file gambar (format .png) dengan ukuran minimal 2732×2732 piksel (agar bisa diskalakan ke semua perangkat).
• Contoh nama file: splash.png (bisa juga .jpg, tapi PNG lebih disarankan).

2️⃣ Letakkan Gambar di Folder res

• Buat folder res di root proyek Cordova (jika belum ada).
• Letakkan file splash.png di dalamnya.

your-cordova-project/
└── res/
└── splash.png <– Gambar splash screen kamu

3️⃣ Edit config.xml

Tambahkan kode berikut di dalam <widget ...>:

<platform name="android">
    <preference name="SplashScreen" value="splash" />
    <preference name="SplashScreenDelay" value="3000" /> <!-- 3 detik -->
    <splash src="res/splash.png" density="port-hdpi"/>
</platform>

<platform name="ios">
    <preference name="SplashScreen" value="splash" />
    <preference name="SplashScreenDelay" value="3000" /> <!-- 3 detik -->
    <splash src="res/splash.png" width="2732" height="2732"/>
</platform>

4️⃣ Pasang Plugin Splash Screen (Jika Belum Ada)

Jalankan:

cordova plugin add cordova-plugin-splashscreen

5️⃣ Build Ulang Proyek

cordova platform remove android
cordova platform add android
cordova build android

(Ganti android dengan ios jika pakai iOS.)

🚀 Kelebihan Cara Ini:

✅ Hanya butuh 1 gambar (Cordova akan otomatis menyesuaikan ukuran).
✅ Tidak perlu ribet setting multi-resolusi.
✅ Cocok untuk proyek kecil atau prototipe.

⚠️ Catatan:

• Gambar akan di-scaling, pastikan gambarnya cukup besar (minimal 2732×2732) agar tidak pecah.
• Jika butuh tampilan lebih presisi di semua perangkat, tetap disarankan pakai resolusi berbeda (tapi cara di atas sudah cukup untuk kebanyakan kasus).

Done! Sekarang splash screen default Cordova (robot abu-abu) akan diganti dengan gambarmu.