Pembanding
Sebelum & Sesudah
Bandingkan dua gambar dengan slider interaktif secara real-time.
Ekspor perbandingan sebagai PNG untuk berbagi hasil.
📷 Gambar Sebelum
✨ Gambar Sesudah
Anda mungkin juga suka
Tentang
Pembanding Sebelum dan Sesudah memungkinkan membandingkan dua gambar dengan slider interaktif yang dapat diseret. Berfungsi sepenuhnya di browser Anda menggunakan Canvas API.
Seret slider ke posisi mana pun dan simpan perbandingan sebagai PNG. Tidak ada data gambar yang dikirim ke server mana pun.
Cara Pakai
Pilih gambar
Pilih gambar Sebelum dan Sesudah dengan mengklik atau menyeret.
Seret slider
Seret slider di area perbandingan untuk menyesuaikan posisi.
Ekspor
Klik "Simpan PNG" untuk menyimpan perbandingan.
Glosarium
- Sebelum dan Sesudah
- Presentasi visual yang membandingkan keadaan sebelum dan sesudah perlakuan, konstruksi, atau pengeditan.
- Slider Perbandingan
- UI interaktif di mana menyeret slider ke kiri/kanan mengungkapkan gambar sebelum atau sesudah dalam bingkai yang sama.
- Canvas API
- API gambar 2D HTML5. Digunakan untuk merender kedua gambar di kanvas dan memotongnya di posisi slider.
- Pointer Events API
- Web API yang menangani input mouse, sentuh, dan pena secara seragam.
- Clipping
- Membatasi area gambar pada bentuk tertentu. Dalam slider sebelum/sesudah, kanvas dibagi di posisi slider.
- Rasio Aspek
- Hubungan antara lebar dan tinggi gambar. Kedua gambar harus memiliki rasio aspek yang sama.
- PNG
- Format gambar tanpa kehilangan data. Tanpa degradasi kualitas saat menyimpan. Mendukung transparansi.
- WebP
- Format gambar modern dari Google yang menawarkan ukuran file lebih kecil dari JPEG dan PNG.
FAQ
- Q.Apa yang terjadi jika gambar memiliki ukuran berbeda?
- Secara otomatis diubah ukurannya ke dimensi yang sama, mempertahankan rasio aspek.
- Q.Bisakah mengekspor PNG di posisi slider saat ini?
- Ya. Tekan "Simpan PNG" untuk menyimpan gambar tepat seperti yang terlihat dalam perbandingan.
- Q.Bisakah menyembunyikan label SEBELUM/SESUDAH?
- Ya. Hapus centang opsi "Tampilkan label" untuk menyembunyikannya.
- Q.Apakah berfungsi dengan gambar potret/lanskap?
- Ya. Kedua orientasi didukung, dan Anda bisa beralih antara arah perbandingan horizontal dan vertikal.
- Q.Apakah gambar dikirim ke server?
- Tidak. Semua pemrosesan menggunakan Canvas API secara lokal di browser. Tidak ada data gambar yang dikirim.
- Q.Format gambar apa yang didukung?
- JPEG, PNG, WebP, GIF (statis), dan format apa pun yang kompatibel dengan browser Anda.
- Q.Apakah slider berfungsi di smartphone?
- Ya. Dukungan penuh input sentuh — seret jari ke kiri atau kanan.
- Q.Bisakah membandingkan beberapa pasang gambar sekaligus?
- Satu pasang pada satu waktu. Ekspor setiap perbandingan sebagai PNG, lalu muat gambar baru.
Kasus Penggunaan
Retouching Foto
Bandingkan retouching Photoshop sebelum dan sesudah untuk dipresentasikan kepada klien.
Konstruksi dan Renovasi
Tunjukkan perbedaan sebelum dan sesudah proyek renovasi.
Kebugaran dan Kecantikan
Bandingkan secara visual hasil diet atau perawatan estetika.
Berkebun dan DIY
Rekam dan bagikan transformasi taman atau dekorasi rumah.
Kirim Umpan Balik
Beri tahu kami pendapat Anda untuk membantu kami menyempurnakan alat ini.
Umpan balik sementara ditangguhkan
Server sedang sibuk atau perlindungan spam aktif. Silakan coba lagi nanti.