8000 GitHub - rizalahmaddd/img-tools: Toolbox gambar 100% client-side di browser: kompres, ubah format, resize, crop, sensor wajah, hapus latar & upscale AI di perangkat, tanpa upload file. PWA, bisa offline. · GitHub
[go: up one dir, main page]

Skip to content
rizalahmadddPublic

About

Toolbox gambar 100% client-side di browser: kompres, ubah format, resize, crop, sensor wajah, hapus latar & upscale AI di perangkat, tanpa upload file. PWA, bisa offline.

Topics

Resources

Security policy

Stars

7 stars

Watchers

0 watching

Forks

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Racik — Image Tools

TypeScript React WebAssembly PWA Privacy License: MIT CI Demo

Racik Image Tools Preview

Stack: TypeScript · React 19 · Vite · Tailwind CSS · jSquash (MozJPEG, libwebp, libavif, libjxl, OxiPNG via WebAssembly) · Transformers.js · ONNX Runtime Web (WebGPU) · MediaPipe · pdf-lib · PDF.js · Workbox (PWA) · Cloudflare Workers

Toolbox pengolahan gambar 100% client-side langsung di browser. Kompres, ubah format, potong, sensor, hapus latar, sampai perbesar resolusi dengan AI, semuanya berjalan di perangkat Anda tanpa satu pun gambar diunggah ke server. Bisa dipasang sebagai aplikasi (PWA) dan tetap jalan offline setelah kunjungan pertama.

🌐 Coba demo: image.solusikoding.com

Fitur

Format & ukuran

  • Kompres: Perkecil ukuran file berdasarkan kualitas atau target ukuran (KB)
  • Ubah Format: Konversi ke JPG, PNG, WebP, AVIF, JXL, GIF, BMP, TIFF, dan ICO
  • Ubah Ukuran: Atur dimensi dalam piksel, persen, cm, atau preset media sosial
  • Potong & Putar: Crop dengan rasio, luruskan kemiringan, putar, dan balik gambar
  • Putar Massal: Putar dan balik banyak gambar sekaligus

Edit

  • Warna & Filter: Kecerahan, kontras, saturasi, ketajaman, dan preset filter
  • Watermark: Tanda air teks atau logo, di satu posisi atau berulang (ubin)
  • Sensor: Blur, pixelate, atau tutup area sensitif, dengan deteksi wajah otomatis
  • Teks & Coretan: Tambahkan teks, panah, kotak, dan stabilo
  • Bingkai & Kanvas: Padding, sudut bulat, warna latar, dan ubah rasio kanvas

AI di perangkat

  • Hapus Latar: Latar transparan, ganti warna, blur, atau gambar lain (model MODNet & BiRefNet)
  • Perbesar HD: Upscale 2×–4× dengan Real-ESRGAN, memakai GPU (WebGPU) bila tersedia

Gabung & pecah

  • Gabung & Kolase: Sambung gambar ke samping, ke bawah, atau susun dalam grid
  • Pecah Grid: Potong gambar jadi kotak-kotak, cocok untuk carousel Instagram
  • Gambar ke PDF: Satukan banyak gambar menjadi satu dokumen PDF
  • PDF ke Gambar: Ambil setiap halaman PDF menjadi gambar
  • Buat GIF: Animasi GIF dari beberapa gambar

Utilitas

  • Info & EXIF: Lihat metadata kamera dan lokasi GPS, lalu hapus tanpa menurunkan kualitas
  • Palet Warna: Ambil warna dominan dan pipet warna dari gambar
  • Ikon & Favicon: Buat paket favicon dan ikon aplikasi Android/iOS
  • Base64: Konversi gambar ↔ Base64 / Data URL

Lainnya

  • Hasil bisa dirangkai: Output satu alat langsung jadi input alat berikutnya, lengkap dengan riwayat versi dan undo/redo
  • Proses massal: Masukkan puluhan sampai ratusan gambar, proses sekaligus, unduh sebagai ZIP atau simpan ke folder
  • Banyak format masuk: JPG, PNG, WebP, AVIF, HEIC/HEIF, GIF, BMP, TIFF, SVG, ICO, JXL, dan PDF
  • Masukkan dari mana saja: Pilih file, seret file atau folder, tempel dari clipboard, atau bagikan langsung dari galeri HP
  • 100% offline & privat: Tidak ada server pemroses; aman untuk foto pribadi, dokumen identitas, dan aset klien
  • PWA & responsif: Bisa dipasang di desktop maupun HP, dengan tema terang/gelap

Cara kerja

  1. Buka image.solusikoding.com atau pasang sebagai aplikasi.
  2. Masukkan satu atau banyak gambar (pilih, seret, atau tempel).
  3. Pilih alat, atur sesuai kebutuhan, dan lihat pratinjaunya langsung.
  4. Lanjutkan ke alat lain bila perlu, lalu simpan hasilnya.

Mulai cepat

npm install       # pasang dependensi
npm run dev       # jalankan di http://localhost:5173
npm run build     # build produksi ke folder dist/

Dokumentasi

  • Dokumentasi Teknis: arsitektur, engine pemrosesan, AI di perangkat, PWA, build & deploy, serta lisensi model

Dukung & Donasi

Jika proyek ini bermanfaat bagi Anda, dukung pengembangannya melalui QRIS:

QRIS Donasi - RZ Printing
Scan QRIS menggunakan BCA, Mandiri, BRI, GoPay, OVO, DANA, ShopeePay, atau mobile banking lainnya.

Kontak

Dikembangkan oleh rizalahmaddd:

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT License.
Model AI yang dipakai memiliki lisensinya masing-masing, rinciannya ada di Dokumentasi Teknis.

About

Toolbox gambar 100% client-side di browser: kompres, ubah format, resize, crop, sensor wajah, hapus latar & upscale AI di perangkat, tanpa upload file. PWA, bisa offline.

Topics

Resources

Security policy

Stars

7 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

0