Filter Gambar
Klik atau seret untuk mengunggah
JPG / PNG / WEBP / GIF
Unggah gambar untuk pratinjau di sini
Terapkan 8 filter profesional ke foto secara online: hitam putih, sepia, inversi, blur, kecerahan, kontras, saturasi dan rotasi hue — masing-masing dengan intensitas 0-200% dan pratinjau real-time. Apa yang Anda lihat, itulah yang diekspor.
Rekomendasi Terkait
Apa itu filter gambar?
Filter gambar adalah sekumpulan teknik yang memetakan nilai piksel ke nilai piksel baru melalui transformasi matematis. Standar paling umum di web dan seluler adalah properti CSS filter (blur / brightness / contrast / grayscale / sepia / saturate / hue-rotate / invert). Alat ini dibangun di atas set API yang sama di Canvas, sehingga filter dapat ditumpuk dengan satu klik.
**Perbedaan dengan editor foto:** Editor profesional (Photoshop, Lightroom) mendukung kuas lokal, layer, dan mask. Alat ini fokus pada koreksi warna seluruh gambar dan penerapan filter massal. Lebih ringan, lebih cepat, dan lebih cocok ketika Anda tidak memerlukan edit lokal yang mendetail.
**Hitam putih vs sepia:** Hitam putih menyatukan RGB menurut pencahayaan yang dipersepsikan (pembobotan ITU-R BT.601) dan menghilangkan semua warna. Sepia menambahkan tint kecokelatan di atas dasar abu-abu, memberikan kesan nostalgia yang lebih kuat.
**Mengapa menumpuk begitu banyak efek tidak merusak gambar?** Filter adalah matematika tingkat piksel, tidak pernah mengubah struktur piksel. Kombinasi apa pun dalam rentang 0-200% mempertahankan gambar, walau hasilnya bisa dramatis. Uji dengan langkah kecil.
Kasus penggunaan
- Cepat koreksi foto yang kurang cahaya atau pucat dengan kecerahan, kontras, dan saturasi
- Tambahkan gaya vintage, hitam putih, atau inversi pada gambar media sosial
- Samakan warna atau percantik foto utama dan素材 kartu produk e-commerce dengan cepat
- Sesuaikan saturasi dan hue untuk foto identitas, avatar, atau warna latar potret
- Terapkan inversi pada sketsa desain atau tangkapan layar UI untuk pengujian visual
- Gunakan filter blur untuk menutupi informasi pribadi (nomor telepon, alamat) pada tangkapan layar
Cara Penggunaan
- Unggah file gambar yang ingin diberi filter (JPG / PNG / WEBP / GIF)
- Pilih salah satu dari 8 filter dasar di kisi miniatur: hitam putih / sepia / inversi / blur / kecerahan / kontras / saturasi / rotasi hue
- Geser slider intensitas untuk menyetel halus (0% mati, 100% standar, 200% maksimum) dan lihat pratinjau langsung
- Tumpuk efek tambahan dengan beralih ke filter lain dan menyesuaikan intensitas untuk mencapai warna ideal
- Klik unduh untuk mengekspor sebagai PNG; nama file otomatis mendapat akhiran _filtered
Fitur
- 8 efek bawaan: hitam putih, sepia, inversi, blur, kecerahan, kontras, saturasi, rotasi hue
- Intensitas 0-200%: setiap filter memiliki slider sendiri, 100% standar, 200% maksimum
- Pratinjau real-time: beralih dan menyesuaikan berlaku seketika, tanpa ekspor berulang
- Mendukung semua format: JPG / PNG / WEBP / GIF dan format gambar populer lainnya
- Reset satu klik: bersihkan semua filter dan kembalikan ke asli untuk membandingkan gaya
- Pemrosesan lokal: semua filter berjalan di Canvas peramban, file tidak keluar dari perangkat
Best Practices
Urutan koreksi: pencahayaan dulu, warna berikutnya, gaya terakhir
Alur kerja yang disarankan: pertama atur kecerahan dan kontras untuk memperbaiki pencahayaan, lalu saturasi untuk memperbaiki warna, dan terakhir tambahkan filter bergaya seperti hitam putih, sepia, atau rotasi hue. Ini mengikuti logika koreksi warna Photoshop dan mencegah filter gaya yang kuat menutupi masalah pencahayaan di awal.
Mulai slider intensitas dari 50%, jangan langsung ke 200%
Sebagian besar filter bekerja paling baik di rentang 50-150%. Langsung meloncat ke 200% sering menyebabkan clipping saturasi, distorsi hue, atau blur berlebihan. Mulailah di 100% untuk evaluasi, lalu sesuaikan dalam langkah ±20%.
Pertahankan saturasi 100-150% untuk menghindari clipping warna
Saturasi di atas 150% menyebabkan merah dan kuning keluar batas dan kehilangan detail. Di atas 200% bisa muncul blok warna yang tidak dapat dipulihkan. Rentang 0-200% dirancang untuk efek kreatif; untuk koreksi harian 80-130% adalah ideal.
Hitam putih + kontras sedang = gaya dokumenter klasik
Hitam putih murni bisa terlihat datar. Coba hitam putih 100% plus kontras 110-130% plus sedikit penyesuaian kecerahan (tergantung pencahayaan asli). Kombinasi ini meniru gaya dokumenter era film dan merupakan resep hitam putih paling disukai di awal Instagram.
Sepia cocok untuk foto lama dan nostalgia, bukan produk modern
Tint kecokelatan sepia mengubah palet warna secara signifikan, sehingga cocok dengan nostalgia, karya dokumenter, dan thumbnail video. Untuk foto utama e-commerce, tangkapan UI, atau foto produk teknologi, sepia membuat produk terlihat kuno dan tidak profesional, merusak realisme barang.
Intensitas blur di atas 30 sudah memberi bokeh jelas
Slider blur 0-200% setara radius 0-20px. Intensitas 30 (3px) memberikan kelembutan ringan. Intensitas 50 (5px) cocok untuk simulasi bokeh latar belakang. Intensitas 100 (10px) ke atas cocok untuk menutupi informasi pribadi atau memisahkan subjek potret.
Rotasi hue 0/360/720 kembali ke warna asli
Hue adalah ruang warna siklik. Intensitas 0-200 setara rotasi 0°-360°. Intensitas 100 setara 180° (warna komplementer), 200 kembali ke asli. Untuk koreksi kreatif tetaplah di rentang 10-30; di atas 50 warna alami objek berubah drastis.
Setelah koreksi warna, jalankan kompresor gambar untuk memperkecil ukuran
Alat ini mengekspor PNG lossless yang bisa besar. Untuk halaman web, lampiran email, atau unggahan ke medsos, lanjutkan dengan kompresor gambar — mengonversi PNG ke JPG biasanya menghemat 50-80% ukuran tanpa kehilangan kualitas yang terlihat.
Pertanyaan Umum
Filter gambar apa saja yang tersedia? Bisa bikin hitam putih dan vintage?
Tersedia 8 filter profesional: hitam putih, sepia, inversi, blur, kecerahan, kontras, saturasi dan rotasi hue. Sekali klik membuat gaya vintage, foto hitam putih artistik, atau efek blur seperti mimpi. Semua filter mendukung intensitas 0-200%; 1% sudah menunjukkan perubahan halus, 100% standar, 200% maksimum.
Bisakah saya memperkuat atau memperlemah efek filter?
Bisa. Setiap filter memiliki slider intensitas independen. 0% berarti mati, 100% standar, 200% maksimum. Misalnya saturasi 50% hanya sedikit menyegarkan warna, 150% langsung memberi kesan film. Rotasi hue 50 setara dengan rotasi 90°, 200 kembali ke warna asli.
Foto saya terlalu gelap atau warnanya pucat. Bisakah alat ini memperbaikinya?
Tepat untuk itu. Slider kecerahan menyelamatkan foto mendung yang kurang cahaya. Kontras menambahkan kedalaman pada gambar datar. Saturasi memulihkan foto lama yang pudar. Dikombinasikan dengan rotasi hue, Anda bisa berpindah antara nada hangat dan dingin, menciptakan biru senja yang atmosferik, atau gaya neon cyber.
Bisakah saya menumpuk 8 filter bersamaan?
Bisa. Anda dapat menerapkan banyak filter ke gambar yang sama, misalnya kombinasi 'sepia ringan + kecerahan + kontras tinggi + saturasi tinggi' untuk cepat menemukan warna merek yang konsisten. Karena filter adalah matematika tingkat piksel, penumpukan tidak merusak struktur gambar, tetapi hasilnya bisa lebih dramatis, jadi sesuaikan dengan langkah kecil.
Format gambar apa yang didukung? Bagaimana cara menyimpan hasilnya?
Kompatibilitas penuh dengan JPG, PNG, WEBP, dan GIF. Selama pemrosesan Anda melihat pratinjau real-time. Setelah puas, klik unduh untuk mengekspor sebagai PNG (lossless, ukuran file lebih besar). Untuk JPG yang lebih kecil, gunakan alat ini untuk warna, lalu kompres hasilnya dengan kompresor gambar.
Apakah aman menggunakan filter gambar online? Apakah foto saya akan bocor?
Sepenuhnya aman. Semua pemrosesan gambar terjadi secara lokal di peramban Anda melalui Canvas filter API. Tidak ada file yang dikirim ke server, tidak perlu menginstal perangkat lunak. Bahkan foto keluarga, pindaian kontrak, dan dokumen identitas dapat diproses dengan aman; menutup peramban langsung membebaskan memori.
Apakah koreksi warna memengaruhi ukuran file?
Sedikit berpengaruh. Mencerahkan, menaikkan kontras, atau meningkatkan saturasi dapat sedikit memperbesar file. Menggelapkan, hitam putih, atau sepia menghilangkan detail frekuensi tinggi, yang bisa sedikit memperkecil ukuran. Jika ingin lebih kecil lagi, jalankan kompresor gambar setelah koreksi warna. Koreksi dulu, kompres belakangan adalah alur kerja standar.
Apa perbedaan filter hitam putih dan sepia?
Hitam putih menyatukan RGB ke pencahayaan (pembobotan ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B) dan menghilangkan warna sepenuhnya. Sepia menambahkan tint kecokelatan di atas dasar abu-abu, meniru pewarnaan kimia foto abad ke-19, sehingga memberikan kesan nostalgia yang lebih kuat.
Glosarium
- CSS filter
- Properti CSS dengan kumpulan filter gambar yang didukung nativo oleh peramban: blur / brightness / contrast / drop-shadow / grayscale / hue-rotate / invert / opacity / saturate / sepia. Alat ini menerapkan set yang sama melalui Canvas filter API.MDN - CSS filter
- Tint sepia
- Tint vintage klasik yang meniru pewarnaan kimia foto abad ke-19. Matriks RGB: R = 0,393R + 0,769G + 0,189B; G = 0,349R + 0,686G + 0,168B; B = 0,272R + 0,534G + 0,131B.
- Rotasi hue (Hue Rotate)
- Rotasi siklik kanal H (hue) dalam ruang warna HSL. Rotasi 360° kembali ke warna asli. Intensitas 0-200% di alat ini setara rotasi 0°-360°.
- Pembobotan BT.601
- Rumus pencahayaan standar ITU-R BT.601: Y = 0,299R + 0,587G + 0,114B. Filter hitam putih dan sinyal TV menggunakan pembobotan ini karena lebih baik mencerminkan sensitivitas mata manusia yang lebih tinggi terhadap hijau dibanding rata-rata sederhana.
- Pencahayaan
- Total jumlah cahaya yang diterima foto. Kurang cahaya = terlalu gelap; lebih cahaya = terlalu terang. Filter kecerahan dapat mengompensasi, tetapi tidak dapat memulihkan detail highlight yang hilang.
- Saturasi
- Intensitas warna. 0% = sepenuhnya grayscale; 100% = warna asli; >100% = diperkuat. Saturasi berlebihan menyebabkan clipping warna dan kehilangan detail.
8 filter bawaan sekilas
| Filter | Algoritma / implementasi | Skenario umum |
|---|---|---|
| Hitam Putih (Grayscale) | R=G=B=0,299R+0,587G+0,114B | Dokumenter, seni, tema vintage |
| Sepia | Matriks Sepia Tone klasik | Nostalgia, efek foto lama, thumbnail video |
| Inversi (Invert) | 255 dikurangi nilai asli per kanal RGB | Sinar-X, poster artistik, UI gelap |
| Blur | Canvas filter: blur(radius) | Bokeh latar, fokus, masker privasi |
| Kecerahan (Brightness) | Offset ditambahkan ke RGB | Koreksi kurang/lebih cahaya, cerah saat mendung |
| Kontras (Contrast) | (RGB-128) × factor + 128 | Kedalaman untuk foto datar, gaya HDR |
| Saturasi (Saturate) | Skalakan kanal S di HSL | Menyegarkan, memulihkan warna pudar, warna merek |
| Rotasi Hue (Hue Rotate) | Putar kanal H di HSL | Pergeseran kreatif, ganti warna, uji visual |
Referensi efek slider intensitas 0-200%
| Intensitas | Efek visual | Penggunaan yang disarankan |
|---|---|---|
0% | Sepenuhnya mati, setara dengan asli | Reset, uji A/B |
1-30% | Sangat halus, hampir tak terlihat | Penyetelan halus, perlu perhatian |
30-70% | Efek ringan | Koreksi warna foto harian |
100% | Intensitas standar | Default untuk kebanyakan skenario |
130-170% | Efek diperkuat | Karya bergaya, konsistensi warna merek |
200% | Efek maksimum | Pemrosesan artistik, abstrak |
Authoritative References
- ReferenceCSS filter - MDN
- ReferenceWikipedia - Sepia (warna)
- ReferenceWikipedia - Fotografi warna
- Kompres Gambar
- Ubah Gambar
- Potong Gambar
- Filter Gambar
- Generator ICO
- editor gambar
- Pemindai Kode QR
- Ubah Ukuran Gambar
- Putar dan Balik Gambar
- Membulatkan Sudut Gambar
- Pembuat Gambar Sprite
- Penampil SVG
- Gambar ke ASCII
- Perbesar Gambar
- Beri Watermark Gambar
- AVIF to JPG
- AVIF to PNG
- AVIF to WebP
- GIF to JPG
- GIF to PNG
- GIF to WebP
- HEIC to JPG
- HEIC to PNG
- HEIC to WebP
- JPG to PNG
- JPG to WebP
- PNG to JPG
- PNG to WebP
- SVG to JPG
- SVG to PNG
- SVG to WebP
- TIFF to JPG
- TIFF to PNG
- TIFF to WebP
- WebP to JPG
- WebP to PNG