Kecerahan & Kontras Gambar
Penyesuaian foto real-time —
Silakan pilih gambar
Gambar Anda tidak pernah dikirim ke server. Semua pemrosesan terjadi di browser Anda.
Tentang
Alat gratis untuk menyesuaikan kecerahan, kontras, saturasi, dan suhu warna secara real-time. Ideal untuk memperbaiki foto gelap, meningkatkan gambar produk, atau menyesuaikan warna sebelum memposting ke media sosial.
Semua pemrosesan menggunakan Canvas API — tanpa pengiriman ke server. Pengeditan non-destruktif: gambar asli disimpan di memori untuk dapat diatur ulang kapan saja.
Cara Pakai
Pilih gambar
Pilih foto yang ingin Anda edit
Sesuaikan slider
Geser Kecerahan, Kontras, Saturasi, dan Suhu Warna. Perubahan muncul secara instan di pratinjau
Simpan gambar
Pilih PNG atau JPEG lalu klik Simpan
Glosarium
- Kecerahan (Brightness)
- Menggeser semua nilai piksel secara seragam menjadi lebih terang atau gelap. Nilai positif menambahkan konstanta ke setiap saluran RGB. Berguna untuk memperbaiki undereksposur.
- Kontras (Contrast)
- Memperluas atau mengompres rentang tonal. Nilai positif membuat piksel terang menjadi lebih terang dan piksel gelap menjadi lebih gelap, meningkatkan kedalaman yang dirasakan.
- Saturasi (Saturation)
- Mengontrol ketajaman warna. Pada -100 gambar menjadi skala abu-abu. Dihitung menggunakan luminansi Luma berbobot (R×0,2126 + G×0,7152 + B×0,0722).
- Suhu Warna (Color Temperature)
- Menggeser gambar antara nada hangat (oranye/merah) dan dingin (biru). Nilai positif meningkatkan saluran merah dan mengurangi biru, mensimulasikan sinar matahari yang hangat.
- Canvas API
- API bawaan browser HTML5 untuk menggambar dan memanipulasi grafik di tingkat piksel tanpa komunikasi server.
- ImageData
- Buffer piksel mentah dari konteks Canvas. Setiap piksel diwakili oleh empat byte (R, G, B, A) dalam Uint8ClampedArray yang secara otomatis membatasi nilai ke 0–255.
- Pengeditan Non-Destruktif
- Metode di mana data gambar asli disimpan secara terpisah. Penyesuaian diterapkan kembali dari aslinya setiap kali slider berubah, tanpa degradasi kualitas.
- Luma (luminansi)
- Pembobotan perseptual saluran RGB (R×0,2126 + G×0,7152 + B×0,0722). Menggunakan luma sebagai dasar memastikan perubahan saturasi terlihat alami.
- Uint8ClampedArray
- Array bertipe di mana nilai secara otomatis dibatasi ke 0–255. Memastikan perhitungan antara yang di luar rentang selalu menghasilkan nilai piksel yang valid.
- requestAnimationFrame
- API browser yang menjadwalkan callback sebelum penggambaran ulang layar berikutnya. Digunakan sebagai mekanisme debounce agar pemrosesan piksel berjalan sekali per frame visual.
FAQ
- Q.Penyesuaian apa yang bisa saya lakukan?
- Anda dapat menyesuaikan Kecerahan, Kontras, Saturasi, dan Suhu Warna. Setiap slider berkisar dari -100 hingga +100 dan memperbarui pratinjau secara real-time.
- Q.Bisakah saya membatalkan perubahan?
- Ya. Klik Atur Ulang untuk mengembalikan semua slider ke 0. Data asli disimpan di memori, sehingga Anda bisa mengatur ulang kapan saja.
- Q.Apakah gambar saya dikirim ke server?
- Tidak. Semua pemrosesan dilakukan secara lokal menggunakan Canvas API. Data gambar Anda tidak pernah meninggalkan perangkat Anda.
- Q.Format gambar apa yang didukung?
- JPEG, PNG, WebP, GIF, BMP, dan format lain yang dapat ditampilkan browser Anda.
- Q.Apakah gambar yang disimpan mempertahankan resolusi aslinya?
- Ya. Gambar akhir diproses dengan resolusi penuh dari aslinya.
- Q.Apakah berfungsi di smartphone?
- Ya. Sepenuhnya responsif dan berfungsi dengan sentuhan di iOS Safari dan Android Chrome.
- Q.Bisakah saya mengubah foto menjadi hitam putih?
- Ya. Atur slider Saturasi ke -100 untuk mendapatkan hasil skala abu-abu penuh.
- Q.Bagaimana cara membuat foto lebih hangat?
- Geser slider Suhu Warna ke kanan. Ini meningkatkan saluran merah dan mengurangi biru.
- Q.Bisakah saya menyesuaikan beberapa parameter sekaligus?
- Ya. Semua slider independen dan efeknya digabungkan.
- Q.Apakah berfungsi dengan gambar besar?
- Ya, hingga batas Canvas API. Pratinjau menggunakan salinan yang diperkecil; saat menyimpan selalu menggunakan resolusi penuh.
Kasus Penggunaan
Perbaiki foto gelap
Cerahkan foto yang diambil di dalam ruangan atau melawan cahaya
Penyesuaian media sosial
Tingkatkan saturasi dan kehangatan sebelum posting ke Instagram
Optimasi foto produk
Tingkatkan kontras gambar produk untuk e-commerce
Gaya retro / vintage
Kurangi saturasi dan tambahkan kehangatan untuk tampilan film vintage
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.