Filter foto online dengan efek glitch dan CSS filter

Buat dan preview filter foto serta copy CSS filter untuk web.

🎞️
Tarik foto ke sini atau klik untuk pilihPNG · JPG · WebP

Cara Kerja Filter Foto dan Efek Glitch

ToolMole memungkinkan kamu menerapkan berbagai filter visual seperti brightness, contrast, hue-rotate, grayscale, hingga sepia pada foto secara langsung di browser. Semua perubahan bisa dilihat secara real-time tanpa perlu upload file ke server, memastikan privasi dan kecepatan.

Efek glitch ditambahkan dengan memanipulasi kanal warna merah dan biru secara terpisah menggunakan JavaScript dan canvas setelah filter CSS diterapkan. Proses ini menghasilkan efek visual unik yang tidak dapat dicapai hanya dengan CSS filter biasa.

Batasan Resolusi dan Cara Menyalin CSS Filter

Untuk performa dan responsivitas, preview dan download foto dibatasi maksimal lebar 1.200 piksel. Jika ingin menerapkan filter pada gambar resolusi lebih tinggi, kamu dapat menyalin string CSS filter yang disediakan dan menggunakannya di stylesheet situs web atau proyek desainmu.

Filter berbasis CSS tidak merubah file asli kecuali diekspor melalui canvas. Efek glitch hanya tersedia saat proses ekspor dan tidak bisa digunakan langsung di CSS, melainkan harus dengan JavaScript.

Pilihan Format, Kompatibilitas, dan Privasi

ToolMole mendukung upload dan download gambar berformat PNG, JPG, dan WebP. Filter mungkin terlihat sedikit berbeda di tiap browser karena rendering CSS bisa bervariasi, namun hasil ekspor dari canvas tetap konsisten.

Seluruh proses edit, filter, dan ekspor dilakukan di perangkat kamu sendiri. Tidak ada gambar yang diunggah ke server, sehingga data kamu tetap aman dan privat.

Pertanyaan yang Sering Diajukan

Bagaimana menerapkan filter pada gambar lebih dari 1.200 piksel?

Kamu bisa menyalin string CSS filter dari ToolMole dan menerapkannya langsung ke elemen gambar di website atau aplikasi desainmu untuk resolusi penuh.

Bisakah efek glitch dipakai langsung di CSS?

Efek glitch tidak bisa ditulis sebagai CSS filter; hanya tersedia lewat ekspor gambar dengan JavaScript dan canvas. Untuk web, efek ini harus dibuat dengan skrip JavaScript.

Apakah bisa memproses beberapa foto sekaligus?

Saat ini ToolMole hanya mendukung pengeditan satu foto per sesi. Untuk batch processing, setiap foto harus diupload dan diedit satu per satu.

Apakah tampilan filter sama di semua browser?

Ada kemungkinan tampilan filter sedikit berbeda antar browser karena perbedaan implementasi CSS. Namun hasil ekspor dari canvas akan tetap konsisten.

Bisa ekspor foto dengan resolusi asli?

Ekspor dari ToolMole dibatasi maksimal lebar 1.200 piksel. Untuk resolusi asli, gunakan CSS filter langsung pada gambar di website atau perangkatmu.

Format apa saja yang didukung untuk upload dan download?

ToolMole menerima dan menghasilkan gambar berformat PNG, JPG, dan WebP, sehingga kompatibel dengan kebutuhan desain dan web.

Ada masalah atau ide untuk alat ini? Kirim masukan