URL Encoder/Decoder
Encode atau decode teks dan parameter URL dengan percent-encoding, encodeURI, dan encodeURIComponent. Cocok untuk API, UTM, slug, dan link.
URL Encoder/Decoder
Apa itu URL encoding?
URL encoding, atau percent-encoding, mengubah karakter yang tidak aman dipakai langsung di URL menjadi rangkaian % dan nilai heksadesimal. Contohnya, spasi menjadi %20, sedangkan huruf atau simbol non-ASCII akan diubah ke bentuk yang aman untuk dikirim lewat URL.
Ini penting saat Anda bekerja dengan query parameter, form, API, link kampanye, UTM, slug, atau URL yang berisi spasi, simbol khusus, dan teks multibahasa.
Fitur utama
- Encode dan decode dalam satu layar – Berpindah mode tanpa kehilangan konteks pekerjaan.
- Konversi real-time – Hasil langsung diperbarui saat Anda mengetik atau menempelkan teks.
- Dua metode encoding – Pilih
encodeURIComponentatauencodeURIsesuai kebutuhan. - Tukar input-output dengan cepat – Ubah hasil menjadi input baru untuk mengecek alur secara penuh.
- Salin ke clipboard – Pindahkan hasil ke kode, tiket, dokumentasi, atau dashboard dengan cepat.
- Hitung panjang karakter – Lihat perbedaan panjang sebelum dan sesudah encoding.
Cara menggunakan URL Encoder/Decoder
- Pilih mode – Gunakan Encode untuk menyiapkan nilai URL atau Decode untuk membaca string yang sudah ter-encode.
- Pilih tipe encoding – Encode penuh cocok untuk nilai parameter, sedangkan encode parsial lebih cocok untuk URL lengkap.
- Tempel teks atau URL – Masukkan data seperti yang muncul di browser, CMS, log, spreadsheet, atau alat analitik Anda.
- Tinjau hasil – Pastikan Anda mendapatkan string yang benar, baik untuk parameter tunggal maupun URL penuh.
- Salin dan gunakan lagi – Gunakan hasilnya untuk API, link kampanye, webhook, tiket QA, atau dokumentasi internal.
Perbandingan metode encoding
Encode penuh (encodeURIComponent)
Metode ini meng-encode hampir semua karakter reserved. Cocok untuk nilai query parameter, kata kunci pencarian, nama, label UTM, dan input teks lain yang perlu aman sepenuhnya.
- Input:
https://contoh.id/cari?q=kopi susu gula aren - Hasil:
https%3A%2F%2Fcontoh.id%2Fcari%3Fq%3Dkopi%20susu%20gula%20aren
Encode parsial (encodeURI)
Metode ini tetap mempertahankan karakter struktur URL seperti :, /, ?, dan =, lalu hanya meng-encode spasi dan karakter yang tidak boleh dikirim mentah.
- Input:
https://contoh.id/cari?q=kopi susu gula aren - Hasil:
https://contoh.id/cari?q=kopi%20susu%20gula%20aren
Siapa yang biasanya membutuhkan alat ini?
- Developer web – Untuk parameter API, callback URL, rute, dan pengujian integrasi.
- Tim QA – Untuk memeriksa URL ter-encode di tiket, log, dan skenario otomatis.
- SEO dan marketing – Untuk mengecek slug, UTM, dan link kampanye yang berisi spasi atau karakter khusus.
- Analis data dan ops – Untuk membaca URL dari event, dashboard, atau ekspor data.
- Support – Untuk mencari tahu kenapa link yang dibagikan rusak atau tampil aneh.
Privasi
Alat ini berjalan 100% di browser Anda. Teks yang dimasukkan tidak dikirim ke server dan akan hilang ketika tab ditutup. Anda bisa memeriksa parameter internal, link kampanye, atau string sensitif secara lokal.
Kapan alat ini berguna?
- Saat Anda perlu meng-encode sebuah nilai sebelum menambahkannya ke query string atau link yang dibagikan.
- Saat Anda ingin tahu kenapa URL dengan spasi atau karakter khusus tidak berfungsi.
- Saat Anda memeriksa UTM, nama file, atau path yang berisi teks lintas bahasa.
- Saat Anda menerima string encoded dari log, webhook, atau sistem support dan ingin membacanya dengan cepat.
- Saat Anda ingin memastikan apakah aplikasi memakai
encodeURI,encodeURIComponent, atau aturan form encoding yang berbeda.
Detail
Hasil bergantung pada mode yang Anda pilih dan metode encoding yang dipakai. Alat ini menggunakan fungsi standar JavaScript agar perilakunya konsisten dengan yang umum terjadi di browser saat uji cepat atau pengecekan manual.
Jika backend Anda memakai application/x-www-form-urlencoded, token bertanda tangan, atau aturan escape khusus, tetap cocokkan hasil akhir dengan dokumentasi teknis atau lingkungan tujuan.
Pertanyaan yang sering diajukan
Kenapa URL atau parameter perlu di-encode?
Karena URL tidak bisa membawa semua karakter secara mentah. Spasi, simbol reserved, dan karakter Unicode tertentu dapat merusak URL atau mengubah arti parameter jika tidak di-encode dengan benar.
Apa bedanya encodeURI dan encodeURIComponent?
encodeURI dipakai untuk URL lengkap dan mempertahankan karakter struktur seperti /, ?, atau =. encodeURIComponent meng-encode hampir semuanya sehingga lebih cocok untuk nilai parameter tunggal.
Apakah spasi harus menjadi %20 atau +?
Dalam URL encoding standar, spasi menjadi %20. Tanda + biasanya dipakai pada application/x-www-form-urlencoded, yang merupakan konvensi berbeda meski masih berkaitan.
Apa yang harus dilakukan jika decode gagal?
Periksa apakah setiap tanda % diikuti dua digit heksadesimal dan pastikan string tidak terpotong. Jika sumbernya mengganti spasi menjadi + atau memakai double encoding, kasus itu harus ditangani lebih dulu sebelum decode.
Sebaiknya hasil ini dipakai untuk apa?
Gunakan untuk cek cepat, validasi teknis, pemeriksaan link, dan dokumentasi. Jika integrasi Anda sensitif terhadap format tertentu, cocokkan lagi hasilnya dengan spesifikasi API, framework, atau sistem yang digunakan.
Belum ada komentar. Jadilah yang pertama memberi pendapat.