✂️ EraseDrop

Penghapus Background Gambar Berbasis AI 100% di Dalam Browser

Gratis, Tanpa Batas, Menjaga Privasi Penuh, dan Dipercepat oleh WebGPU.

🌐 Akses Website Langsung: https://erase-drop.vercel.app

Tentang • Fitur Utama • Cara Kerja & Privasi • Preset Pas Foto • Teknologi • Instalasi Lokal • Deployment

---

💡 Tentang EraseDrop

EraseDrop adalah aplikasi web penghapus latar belakang gambar modern yang bekerja tanpa server (zero-server upload). Berbeda dengan aplikasi penghapus background konvensional yang memungut biaya langganan, sistem token/kredit, atau mengunggah foto pribadi Anda ke server cloud, EraseDrop menjalankan model kecerdasan buatan (neural network matting) langsung di dalam browser perangkat Anda.

Seluruh file foto tetap berada di perangkat Anda secara aman. Tanpa login akun, tanpa watermark, dan tanpa batasan kuota.

---

✨ Fitur Utama

🔒 100% Privasi di Perangkat Tidak ada 1 byte pun data foto yang dikirim ke internet. Pemotongan background dieksekusi langsung di memori browser Anda menggunakan WebAssembly & WebGPU.	⚡ Akselerasi Hardware WebGPU Proses pemotongan subjek super cepat (1–3 detik per foto) memanfaatkan GPU lokal perangkat, dengan fallback otomatis ke WASM SIMD multi-threading.
📦 Batch Processing Tanpa Batas Masukkan 10, 50, hingga 100+ foto sekaligus. Progress dipantau secara real-time per gambar dan dapat diunduh sekaligus dalam format ZIP 1-Klik.	🎨 Studio & Editor Background Interaktif Bandingkan detail potongan secara presisi dengan slider Before vs After, ganti latar belakang menjadi warna solid, gradien studio, atau foto custom.
🇮🇩 Preset Warna Pas Foto Resmi 1-Klik ganti latar belakang pas foto formal dokumen Indonesia: Merah (#D61C1C) untuk tahun lahir ganjil & Biru (#1C54D6) untuk tahun lahir genap.	💾 Riwayat Offline Lokal (IndexedDB) Hasil foto tersimpan di penyimpanan lokal browser Anda (IndexedDB) sehingga dapat diunduh kembali kapan saja tanpa memakan ruang server.

---

🛡️ Cara Kerja & Jaminan Privasi

graph LR
    A[User Memilih / Drop Foto] --> B[Memori Browser / Blob]
    B --> C{WebGPU Didukung?}
    C -- Ya --> D[Inferensi AI WebGPU Cepat]
    C -- Tidak --> E[WASM SIMD Multi-Threading CPU]
    D --> F[Hasil Alpha Matte Transparan]
    E --> F
    F --> G[Studio Background & Export ZIP]
    F --> H[Penyimpanan Riwayat Lokal IndexedDB]
    
    style A fill:#171A24,stroke:#00E5FF,color:#fff
    style B fill:#171A24,stroke:#334155,color:#fff
    style D fill:#10B981,stroke:#10B981,color:#000
    style E fill:#F59E0B,stroke:#F59E0B,color:#000
    style F fill:#00E5FF,stroke:#00E5FF,color:#000
    style G fill:#1C54D6,stroke:#1C54D6,color:#fff
    style H fill:#171A24,stroke:#334155,color:#fff

Loading

Catatan Keamanan: EraseDrop beroperasi dengan isolasi penuh pada sisi klien (client-side). Anda bahkan dapat mematikan koneksi internet setelah website dimuat, dan aplikasi akan tetap berfungsi normal secara offline.

---

📸 Preset Warna Pas Foto Resmi Indonesia

EraseDrop menyediakan preset warna terkalibrasi khusus untuk kebutuhan dokumen resmi Indonesia, lamaran kerja, CPNS, visa, dan administrasi:

Nama Preset	Kode Hex	Penggunaan Resmi
Merah Formal	#D61C1C	Pas Foto KTP / Ijazah / Dokumen Resmi (Tahun Kelahiran Ganjil)
Biru Formal	#1C54D6	Pas Foto KTP / Ijazah / Dokumen Resmi (Tahun Kelahiran Genap)
Studio Putih	#FFFFFF	Katalog Produk E-Commerce, Pengajuan Visa Internasional
Studio Abu-Abu	#E2E8F0	Foto Profil LinkedIn, Portfolio Minimalis & Profesional
Charcoal Gelap	#1E293B	Foto Profil Modern Dark Theme

---

🛠️ Teknologi yang Digunakan

• Framework Utama: React 18 + TypeScript + Vite
• Desain & Styling: Tailwind CSS v4
• Mesin Inferensi AI: @imgly/background-removal melalui ONNX Runtime Web
• Batch ZIP Exporter: JSZip & file-saver
• Ikon & Visual: lucide-react & canvas-confetti
• Penyimpanan Lokal: Browser Native IndexedDB

---

💻 Panduan Instalasi Lokal

Prasyarat

• Node.js versi 18+ atau 20+
• Browser modern (Google Chrome, Microsoft Edge, Safari, Firefox, atau Brave)

Langkah Menjalankan

# 1. Clone repositori dari GitHub
git clone https://gitlab.com/zzdevxx/erase-drop.git

# 2. Masuk ke direktori proyek
cd erase-drop

# 3. Install seluruh dependensi
npm install

# 4. Jalankan server lokal development
npm run dev

Buka http://localhost:5173 di browser Anda untuk mulai menghapus background gambar secara lokal.

---

🚀 Deployment

• Production URL: https://erase-drop.vercel.app
• Platform: Vercel

# Deploy pembaruan via Vercel CLI
npx vercel --prod

---

📄 Dokumentasi Proyek

• Product Requirements Document (PRD.md)
• Design System & UI Tokens (DESIGN.md)

---

👨‍💻 Pengembang & Pemilik Proyek

Andreas Restuawanta Christwara

• GitHub: @zzdevxx
• Repositori: zzdevxx/erase-drop

---

_{Dibuat dengan ❤️ untuk privasi, efisiensi, dan kemudahan para kreator & pengguna di seluruh dunia.}