CSS Obfuscator & Deobfuscator
Acak nama class & id serta padatkan CSS untuk menyulitkan penyalinan stylesheet. Tool ini menyamarkan (obfuscate) sekaligus mengembalikan (deobfuscate) CSS dalam satu halaman — tempel kode, pilih mode, lalu klik. Semua diproses di perangkat Anda tanpa dikirim ke server.
Semua proses berjalan di browser Anda. Kode tidak pernah dikirim ke server kami.
Contoh
Contoh Input
/* main button */
.btn-primary {
color: #fff;
background: #00b8e6;
}Contoh Output
._0{color:#fff;background:#00b8e6}
/* obfuscation map: .btn-primary -> ._0 */Cara Penggunaan
- 1Pilih mode Obfuscate (untuk menyamarkan) atau Deobfuscate (untuk mengembalikan) di bagian atas.
- 2Tempel kode CSS Anda pada kolom Input.
- 3Klik tombol (atau tekan Ctrl+Enter) untuk memproses. Hasilnya muncul di kolom Hasil.
- 4Klik Salin untuk menyalin hasilnya.
Tentang CSS Obfuscator
CSS Obfuscator menyamarkan stylesheet dengan menghapus komentar, memadatkan spasi, dan mengganti setiap nama class (.nama) dan id (#nama) menjadi token pendek tak bermakna seperti ._0, ._1, dan seterusnya. Pemetaan ini konsisten di seluruh stylesheet, sehingga selama Anda mengganti nama yang sama pada HTML, tampilannya tetap sama.
Untuk menjaga agar transformasi tetap berguna, sebuah "obfuscation map" ditambahkan sebagai komentar di akhir output — daftar pemetaan nama asli ke token. Dengan ini Anda bisa menyesuaikan markup HTML Anda agar cocok, atau membalik prosesnya nanti. Tanpa peta itu, mencocokkan selector yang teracak dengan HTML akan jauh lebih sulit bagi orang lain.
Mode Deobfuscate membaca "obfuscation map" tersebut secara otomatis dan mengembalikan setiap token (._0, ._1, …) ke nama class/id aslinya, lalu merapikan (beautify) CSS menjadi format berindentasi yang mudah dibaca. Jadi selama peta itu masih menyertai CSS, prosesnya dapat dibalik sepenuhnya. Nilai deklarasi seperti warna hex (#fff, #00b8e6) tidak pernah disentuh — hanya selector yang diganti.
Pertanyaan Umum (FAQ)
Apa bedanya obfuscate dengan minify CSS?
Minify hanya memperkecil ukuran (menghapus spasi/komentar) tetapi tetap mudah dibaca-balik. Obfuscate sengaja membuat kode SULIT dipahami dan direkayasa-balik — mengganti nama, menyamarkan string, dan mengubah alur — sambil tetap berjalan sama. Untuk sekadar merapikan/memadatkan, gunakan Formatter.
Apakah obfuscation ini bisa dikembalikan?
Ya. Selama "obfuscation map" masih menyertai CSS, mode Deobfuscate membacanya otomatis dan mengembalikan token (._0, ._1, …) ke nama class/id asli, lalu merapikannya. Jika peta sudah dihapus, deobfuscate tetap merapikan format tetapi nama tidak bisa dipulihkan.
Apakah kode saya dikirim ke server?
Tidak. CSS diproses sepenuhnya di browser Anda menggunakan JavaScript/WebAssembly. Kode Anda tidak pernah meninggalkan perangkat Anda.