perf(docs): screenshot ke WebP — 2,3 MB → 0,39 MB

- konversi 10 screenshot PNG ke WebP (q78, lebar maks 1280px)
- update tautan di README dan docs/screenshots/README.md

README.md

@@ -1,7 +1,7 @@
 > 🪞 **Repositori utama:** [Gitea](https://gitea.oxpoe.xyz/oxpoe/open-isp) · [Forgejo](https://forgejo.oxpoe.xyz/oxpoe/open-isp) — rilis & unduhan ada di sana. GitHub hanya cermin kode.
 
 <p align="center">
-  <img src="docs/assets/banner.png" alt="OPEN-ISP" width="100%">
+  <img src="docs/assets/banner.webp" alt="OPEN-ISP" width="100%">
 </p>
 
 <p align="center">
@@ -27,15 +27,15 @@
 
 | Dashboard Admin | Daftar Pelanggan |
 |---|---|
-| ![Dashboard](docs/screenshots/03-admin-dashboard.png) | ![Pelanggan](docs/screenshots/04-admin-customers.png) |
+| ![Dashboard](docs/screenshots/03-admin-dashboard.webp) | ![Pelanggan](docs/screenshots/04-admin-customers.webp) |
 
 | Inventaris & Stok Keluar | Pengaturan AI & Self-Healing |
 |---|---|
-| ![Inventaris](docs/screenshots/05-admin-inventory.png) | ![AI](docs/screenshots/07-admin-settings-ai.png) |
+| ![Inventaris](docs/screenshots/05-admin-inventory.webp) | ![AI](docs/screenshots/07-admin-settings-ai.webp) |
 
 | Login Pelanggan | Dashboard Pelanggan |
 |---|---|
-| ![Login](docs/screenshots/08-customer-login.png) | ![Dashboard Pelanggan](docs/screenshots/09-customer-dashboard.png) |
+| ![Login](docs/screenshots/08-customer-login.webp) | ![Dashboard Pelanggan](docs/screenshots/09-customer-dashboard.webp) |
 
 Selengkapnya (10 gambar, desktop + mobile): [`docs/screenshots/`](docs/screenshots/).
 

docs/screenshots/README.md

@@ -1,20 +1,22 @@
 # Screenshot Aplikasi (v0.5.2)
 
+Format **WebP** (kualitas 78, lebar maks 1280px) — total ±0,36 MB (turun ~84% dari PNG).
+
 Diambil dari instance uji lokal (`http://localhost:3001`) dengan data demo
 (`node scripts/seed-demo.js`), viewport 1440×900 (mobile 390×844).
 
 | File | Halaman |
 |---|---|
-| `01-landing.png` | Landing page publik |
+| `01-landing.webp` | Landing page publik |
-| `02-admin-login.png` | Halaman login admin |
+| `02-admin-login.webp` | Halaman login admin |
-| `03-admin-dashboard.png` | Dashboard admin (ringkasan pelanggan, billing, ONU) |
+| `03-admin-dashboard.webp` | Dashboard admin (ringkasan pelanggan, billing, ONU) |
-| `04-admin-customers.png` | Daftar pelanggan |
+| `04-admin-customers.webp` | Daftar pelanggan |
-| `05-admin-inventory.png` | Inventaris stok |
+| `05-admin-inventory.webp` | Inventaris stok |
-| `06-inventory-stok-keluar.png` | Modal Stok Keluar (FIFO / serial number) |
+| `06-inventory-stok-keluar.webp` | Modal Stok Keluar (FIFO / serial number) |
-| `07-admin-settings-ai.png` | Pengaturan → AI & Self-Healing (key disamarkan) |
+| `07-admin-settings-ai.webp` | Pengaturan → AI & Self-Healing (key disamarkan) |
-| `08-customer-login.png` | Login pelanggan + tab Status mengikuti setting `uptime_url` |
+| `08-customer-login.webp` | Login pelanggan + tab Status mengikuti setting `uptime_url` |
-| `09-customer-dashboard.png` | Dashboard pelanggan |
+| `09-customer-dashboard.webp` | Dashboard pelanggan |
-| `10-mobile-customer-login.png` | Login pelanggan (tampilan mobile) |
+| `10-mobile-customer-login.webp` | Login pelanggan (tampilan mobile) |
 
 Catatan: field API key di halaman Pengaturan memakai `type="password"`
 sehingga tidak tampil di screenshot maupun saat layar dibagikan.