Show before and after with one draggable slider
Side-by-side screenshots hide subtle edits. Drop two versions, drag the slider to reveal exactly what changed, and export a shareable before-and-after PNG in seconds.

Sebelum
Lepas gambar "sebelum"
Sesudah
Lepas gambar "sesudah"
What you can do with Bandingkan Gambar
Everything this tool helps you accomplish — no learning curve, no setup.
- Make a before-and-after slider from two images
- Show edits with a draggable split view
- Switch between horizontal and vertical splits
- Swap which image sits on each side
- Export the before/after comparison as a PNG
Settings information
3 settings
Every control in Bandingkan Gambar, explained — what it does and when to use it.
Bandingkan
- OrientasiPreset
- Menentukan cara kedua gambar dipisahkan: Horizontal (bawaan) menampilkan Sebelum dan Sesudah berdampingan dengan garis pembatas vertikal, sedangkan Vertikal menumpuk Sebelum di atas Sesudah dengan garis pembatas horizontal.Opsi: HorizontalVertikal
- Pembagian %SliderRange: 0–100% · Bawaan: 50%
- Menentukan letak pembatas di antara kedua gambar, dari 0 (hanya gambar sesudah yang terlihat) hingga 100 (hanya gambar sebelum yang terlihat); gabungan hasil ekspor memakai posisi yang sama.
- TukarOne-click
- Menukar gambar sebelum dan sesudah secara instan tanpa mengunggah ulang, berguna jika Anda menaruhnya dalam urutan terbalik atau ingin membalik arah penyingkapannya; tersedia setelah kedua gambar dimuat.
Selesai dengan Bandingkan Gambar? Coba yang berikut ini
Alat pilihan yang cocok dipadukan dengan Bandingkan Gambar. Terus lanjutkan tanpa kehilangan file Anda.
Penampil & Penghapus EXIF
Photos carry GPS locations, device details, and timestamps you never meant to share. Inspect every EXIF, IPTC, and XMP field, then download a metadata-free copy in seconds.
Coba sekarangOverlay Gambar
Desktop compositing is overkill for placing a logo or watermark. Drag your overlay into position, tune opacity and blend, and download the combined image in seconds. Free to start.
Coba sekarangKompres Gambar ke KB
Form says 'max 100KB'? Compress JPG, PNG or WebP to any exact target — 20KB, 50KB, 100KB — without visible quality loss, in seconds. Free to start, no credit card.
Coba sekarangUbah Ukuran Gambar
Wrong size for the platform? Set exact width and height or scale by percent, preview live, and download without quality loss — in seconds. Free to start; batch resize with Premium.
Coba sekarangFilter & Efek Foto
Flat photos get scrolled past. Pick a cinematic, vintage, glitch, or beauty effect, preview every look instantly, and download the one you love in seconds. Free to start, no credit card.
Coba sekarangPangkas Gambar
Cut out clutter and fit any ratio — drag the crop live, snap to 1:1, 4:5, 16:9, or exact pixels, and download in seconds.
Coba sekarangPertanyaan yang Sering Diajukan
Unggah dua gambar berdimensi sama dan alat ini menumpangkannya dengan gagang yang bisa digeser. Geser ke kiri untuk menampilkan gambar sebelum, geser ke kanan untuk menampilkan gambar sesudah — sempurna untuk menampilkan hasil editan, retouching, penurunan berat badan, renovasi, iterasi desain, dan hasil generasi AI.
usageYa. Ekspor slider sebagai MP4 atau GIF animasi yang memutar gerakan geser secara otomatis berulang — ideal untuk postingan Instagram, TikTok, X, dan LinkedIn di mana pemirsa tidak dapat menyeret pegangan. Laju bingkai dan durasi dapat dikonfigurasi.
featuresIdealnya iya, karena penggeser membandingkan piksel demi piksel. Jika ukurannya berbeda, alat ini menawarkan untuk memangkas atau menskalakan gambar kedua secara otomatis agar cocok dengan gambar pertama, dengan mempertahankan rasio aspek sehingga perbandingannya tetap akurat.
technicalJPEG, PNG, WebP, GIF, dan HEIC semuanya diterima. Video yang diekspor menggunakan H.264 MP4 untuk kompatibilitas maksimal, dan ekspor GIF menjaga ukuran berkas tetap kecil agar mudah dibagikan dengan cepat di media sosial.
compatibilityPratinjau perbandingan berdampingan terjadi di browser Anda, tetapi mengekspor komposit akan mengunggah kedua gambar ke server aman kami agar file akhir dapat dirender; keduanya dihapus secara otomatis setelahnya dan tidak pernah dibagikan atau digunakan untuk melatih model. Untuk materi yang sangat rahasia di mana tidak ada unggahan yang dapat diterima, ambil tangkapan layar dari pratinjau di layar alih-alih menggunakan Ekspor.
privacyYa. Salin cuplikan HTML yang dihasilkan dan tempelkan ke WordPress, Webflow, Squarespace, Shopify, atau situs statis apa pun. Sematan ini bebas dependensi, ramah seluler, dan berfungsi tanpa pustaka JavaScript eksternal.
webGunakan kontrol Orientation di panel Compare untuk beralih antara Horizontal (geser kiri-kanan, terbaik untuk foto lanskap dan tata letak berdampingan) dan Vertical (geser atas-bawah, lebih baik untuk potret tinggi atau perbandingan ketinggian sebelum/sesudah seperti renovasi atau foto pertumbuhan).
featuresSplit % mengatur di mana garis pembatas berada di antara gambar sebelum dan sesudah, dari 0 (semua sesudah terlihat) hingga 100 (semua sebelum terlihat) — default-nya 50 untuk pembagian merata. Geser ke satu sisi jika Anda ingin lebih banyak gambar tertentu terlihat dalam komposit yang diekspor, misalnya 70 untuk menekankan hasil "sesudah".
usageKlik tombol Swap di panel Compare untuk langsung menukar gambar sebelum dan sesudah tanpa mengunggah ulang — praktis jika Anda menaruhnya dengan urutan yang salah atau ingin membalik arah pengungkapan untuk efek visual yang berbeda.
usageUntuk renovasi seluruh ruangan, orientasi Vertical dengan pembagian 50% bekerja baik karena memungkinkan penonton membandingkan detail atas-bawah seperti perubahan lantai dan langit-langit. Untuk perabot berdampingan atau perubahan warna, orientasi Horizontal dengan pembagian 40–60% (mengutamakan gambar mana pun yang memiliki hasil lebih mencolok) cenderung paling efektif menarik perhatian.
tipsBagaimana Bandingkan Gambar membantu Anda menyelesaikannya
Masalah nyata yang diselesaikannya setiap hari — untuk bisnis, kreator, dan tugas sehari-hari. Temukan kasus penggunaan yang cocok untuk Anda dan mulai dalam hitungan detik.
Pameran Pengeditan Foto Sebelum/Sesudah
Fotografer, retoucher, dan seniman Lightroom menampilkan kepada klien portofolio kondisi sebelum dan sesudah retouch dengan slider yang dapat digeser untuk membuktikan suntingan sepadan dengan biayanya
Perbandingan Pembuatan Gambar AI
Bandingkan keluaran DALL-E, Midjourney, Stable Diffusion, dan Flux dengan prompt asli atau gambar referensi untuk menunjukkan rekayasa prompt dan perbedaan kualitas model
Pengungkapan Renovasi & Perbaikan Rumah
Kontraktor, arsitek, dan desainer interior menampilkan slider sebelum/sesudah renovasi dapur, kamar mandi, dan seluruh ruangan di Instagram, TikTok, dan situs web portofolio proyek
Transformasi Kebugaran & Penurunan Berat Badan
Personal trainer, pelatih, dan kreator kebugaran memublikasikan slider transformasi 30 hari, 90 hari, dan setahun penuh untuk Instagram Reels, TikTok, dan YouTube guna menarik klien baru
Iterasi Desain Produk & Pengujian A/B
Desainer produk, tim UX, dan pemimpin pemasaran membandingkan varian desain secara berdampingan dalam tinjauan Figma, deck pemasaran, dan presentasi pemangku kepentingan untuk mengambil keputusan lebih cepat
Pengungkapan Restorasi & Konservasi
Restorator seni, ahli detailing mobil klasik, dan spesialis restorasi foto menampilkan slider sebelum/sesudah yang secara visual membenarkan kerja keras dan harga yang ditawarkan
Perbandingan Penataan & Listing Properti
Tampilkan ruangan sebelum penataan virtual atau renovasi flip penuh di sebelah versi sesudahnya dalam foto listing dan unggahan sosial — gunakan orientasi Vertical untuk bidikan ruangan tinggi agar pembeli melihat perubahan dari lantai hingga langit-langit secara sekilas.
Changelog Perancangan Ulang UI Perangkat Lunak
Tim produk dan teknik membandingkan antarmuka lama aplikasi dengan yang didesain ulang di catatan rilis dan tinjauan desain internal, menggunakan slider Split % untuk mengontrol persis seberapa banyak setiap versi terlihat di tangkapan layar yang diekspor.
Perkembangan Perawatan Kulit & Gigi
Klinik dermatologi, ortodontis, dan merek perawatan kulit mendokumentasikan hasil perawatan dengan komposit sebelum/sesudah yang rapi untuk konsultasi pasien dan pemasaran klinik — perbandingan dan ekspor terjadi sepenuhnya di browser.
Demonstrasi Sains & Kelas
Guru mengekspor komposit sebelum/sesudah dari pertumbuhan tanaman, reaksi kimia, atau eksperimen erosi untuk slide pelajaran atau selebaran, mengubah orientasi agar sesuai dengan sumbu mana pun tempat perubahan itu terjadi.
