Unggah gambar untuk disesuaikan
Format yang diterima: JPG, PNG, WEBP, BMP, GIF (non-animasi)
Tempel (Ctrl/⌘+V) atau seret gambar — atau impor dari URL
Vibrance adalah kontrol saturasi yang lebih cerdas dan non-linear. Jika Saturation biasa mengalikan intensitas setiap warna dengan jumlah yang sama — dengan cepat mendorong langit, kulit, dan warna yang sudah cerah melewati batas yang bisa ditampilkan, menghasilkan tampilan 'neon' yang keras dan terpotong — Vibrance menerapkan peningkatan terbobot yang lift absolutnya paling kuat pada warna dengan saturasi sedang dan melemah ke arah kedua ujungnya. Piksel yang nyaris abu-abu dan yang sudah sangat cerah berubah paling sedikit, sementara warna-warna pucat di rentang tengah mendapatkan peningkatan terbesar. Hasilnya adalah foto yang tampak lebih kaya dan lebih hidup tanpa over-saturasi yang berlebihan seperti kartun, itulah sebabnya Vibrance menjadi slider andalan untuk 'membuat warna menonjol' di Lightroom dan sebagian besar aplikasi kamera ponsel. Alat ini memberikan keduanya: slider Vibrance untuk peningkatan non-linear yang terlindungi dan slider Saturation untuk penyesuaian merata klasik di atasnya. Geser salah satunya ke kanan untuk mengintensifkan warna, atau ke kiri untuk meredupkan gambar ke arah grayscale. Alat ini bekerja dalam ruang warna HSL, sehingga hanya saturasi setiap piksel yang berubah — hue dan tingkat kecerahan dipertahankan, dan piksel yang sepenuhnya abu-abu tetap persis abu-abu. Semuanya berjalan secara lokal pada HTML canvas di browser Anda: gambar Anda tidak pernah diunggah, transparansi tetap terjaga, serta tanpa pendaftaran dan tanpa tanda air.
Vibrance dan saturasi, diukur pada foto yang sama
| Apa yang terjadi | Saturasi +50 | Vibrance +50 |
|---|---|---|
| Warna yang terdorong sampai maksimum, yang detailnya sudah hilang | 304.138 piksel dari 1.080.000, yaitu 28,16 % foto, menjadi rata. | 0 piksel. Ini bukan angka kecil yang dibulatkan ke bawah: kenaikan dari vibrance menyusut sampai habis begitu warna mendekati saturasi penuh, jadi ia memang tidak bisa mendorong apa pun melewati batas. |
| Warna yang memang sudah pekat (0,7 ke atas, di sini 294.801 piksel) | Naik 0,147 saturasi. | Naik 0,058 saja, yaitu 2,5 kali lebih sedikit. Di sinilah keduanya berpisah. |
| Warna yang pudar (di bawah 0,3, di sini 336.124 piksel) | Naik 0,105 saturasi. | Naik 0,080. Di sini keduanya nyaris sama, kebalikan dari cara perbedaan ini biasa dijelaskan. |
| Abu-abu | Tidak tersentuh. Piksel tanpa warna tidak punya apa pun untuk dikalikan. | Tidak tersentuh, dengan alasan yang sama. Kedua penggeser di 0 benar-benar tidak melakukan apa pun: 0 dari 1.080.000 piksel berubah. |
| Rona dan kecerahan | Kecerahan bergeser paling banyak 0,5 dari 255. Rona paling banyak 10 derajat. | Kecerahan bergeser 0,5 dari 255 yang sama. Rona paling banyak 5,14 derajat. Tidak satu pun penggeser menulis satu byte transparansi. |
Diukur pada foto berukuran 1200 x 900 (1.080.000 piksel) yang dijalankan lewat kode halaman ini sendiri, yaitu applyVibranceToData yang sama dengan yang dijalankan peramban, bukan penggantinya. Dapat direproduksi dengan scripts/measure-vibrance.mts. Kedua penggeser berbeda karena satu suku saja: saturasi mengalikan, sehingga kenaikannya tumbuh lurus mengikuti seberapa pekat piksel itu sebelumnya, sedangkan vibrance menambahkan jumlah yang dibobot dengan s(1-s), yang memuncak di tengah dan turun ke nol di kedua ujung. Pada +50, kenaikan untuk piksel bersaturasi 0,10 adalah +0,050 untuk saturasi dan +0,045 untuk vibrance; pada 0,50 menjadi +0,250 lawan +0,125; dan pada 0,90 menjadi +0,100 lawan +0,045. Hanya saja pada 0,75 dan 0,90 saturasi sudah lama membentur langit-langit dan berhenti, dan 304.138 piksel yang menjadi rata itulah wujudnya. Jadi aturan praktisnya bukan bahwa vibrance mengangkat warna pudar lebih banyak, karena tidak. Aturannya adalah vibrance membiarkan warna pekat apa adanya, dan warna pekat itulah yang rusak lebih dulu. Satu koreksi jujur atas apa yang biasa diklaim, termasuk oleh halaman ini sampai diperiksa: rona tidak terjaga sempurna. Mengubah ke HSL, mengganti satu kanal, lalu mengubah kembali akan membulatkan ke byte bulat, dan warna yang nyaris abu-abu justru tempat pembulatan satu satuan mengayunkan rona paling jauh. Paling buruk 5,14 derajat dengan vibrance, 10 dengan saturasi, dan tidak terlihat pada ukuran itu. Tetapi terukur, bukan sekadar dinyatakan.
Cara Kerjanya
Pilih alat
Pilih dari 168+ alat untuk mengubah ukuran, mengonversi, mengompres, atau menyempurnakan gambar Anda.
Unggah & edit
Seret dan lepas gambar Anda lalu sesuaikan pengaturannya. Gambar tetap berada di perangkat Anda.
Unduh
Simpan hasil Anda secara instan — tanpa watermark, tanpa perlu pendaftaran.
Mengapa Image Machine?
File Anda tidak pernah meninggalkan perangkat Anda
Semua pemrosesan berjalan secara lokal di browser Anda. Gambar Anda tidak pernah diunggah ke server.
Sepenuhnya gratis
Setiap alat gratis, tanpa batas, tanpa watermark, dan tanpa biaya tersembunyi.
Sangat cepat
Tanpa menunggu unggahan — gambar Anda diproses secara instan di perangkat Anda sendiri.
Kualitas profesional
Hasil yang sempurna hingga piksel dengan kontrol penuh atas format, ukuran, dan kualitas.
Pertanyaan yang Sering Diajukan
Apa perbedaan antara Vibrance dan Saturation?
Saturation mengalikan kekayaan warna setiap piksel dengan faktor yang sama, sehingga meningkatkan warna pudar dan warna cerah secara merata — yang dengan cepat mendorong warna yang sudah cerah melewati batas yang bisa ditampilkan, menghasilkan tampilan 'neon' yang keras dan terpotong. Vibrance justru menerapkan peningkatan terbobot: lift yang ditambahkannya paling kuat pada warna dengan saturasi sedang dan mengecil ke arah kedua ujung, sehingga warna yang nyaris abu-abu dan yang sudah sangat cerah berubah sedikit sementara rentang tengah yang pucat mendapat peningkatan terbanyak. Singkatnya, Saturation adalah peningkatan seragam dan Vibrance adalah peningkatan yang terlindungi — pilih Vibrance saat Anda menginginkan warna yang lebih kaya tanpa membakar area yang paling terang dan paling jenuh.
Apakah Vibrance lebih baik untuk potret dan warna kulit?
Biasanya, ya. Karena Vibrance menambahkan peningkatan lebih sedikit dibanding dorongan Saturation merata pada warna apa pun yang sudah memiliki sedikit saturasi — dan semakin melemah saat warna mendekati saturasi penuh — alat ini lebih ramah terhadap warna kulit dan area lain yang sudah penuh warna, sehingga menambah kehidupan pada potret tanpa membuat kulit menjadi oranye atau belang. Alur kerja yang baik adalah mengandalkan Vibrance untuk sebagian besar peningkatan dan menambahkan sedikit Saturation saja jika keseluruhan gambar masih tampak datar.
Bisakah saya menggunakan slider ini untuk meredupkan warna atau membuat foto grayscale?
Ya. Kedua slider juga bekerja ke arah negatif. Geser Saturation sepenuhnya ke kiri untuk menarik setiap warna sampai ke grayscale, atau sebagian untuk tampilan film yang pudar dan teredam. Vibrance negatif meredam warna menggunakan pembobotan pelindung yang sama — piksel yang sepenuhnya abu-abu selalu tetap abu-abu — yang berguna untuk meredam gambar yang terlalu penuh warna tanpa membuatnya sepenuhnya datar.
Apakah gambar saya diunggah, dan apakah transparansinya tetap terjaga?
Tidak ada pengunggahan — Vibrance & Saturation berjalan sepenuhnya di browser Anda pada HTML canvas, sehingga gambar Anda tidak pernah meninggalkan perangkat dan berfungsi offline setelah halaman dimuat. Penyesuaian dilakukan dalam ruang warna HSL dan hanya mengubah saturasi setiap piksel: hue dan tingkat kecerahan dipertahankan, piksel yang sepenuhnya abu-abu tetap persis abu-abu, dan channel alpha dibiarkan utuh sehingga area transparan pada PNG tetap transparan. Tanpa pendaftaran dan tanpa tanda air.