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.

Bandingkan Gambar result preview

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

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.
Uploads are encrypted in transitRemoved under our retention policy

Pertanyaan 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.

usage

Ya. 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.

features

Idealnya 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.

technical

JPEG, 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.

compatibility

Pratinjau 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.

privacy

Ya. 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.

web

Gunakan 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).

features

Split % 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".

usage

Klik 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.

usage

Untuk 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.

tips

Bagaimana 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.

Untuk Kreator

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

Untuk Kreator

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

Untuk Bisnis

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

Media Sosial

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

Untuk Bisnis

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

Untuk Kreator

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

Properti

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.

Untuk Developer

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.

Penggunaan Pribadi

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.

Pendidikan

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.