URL Encoder/Decoder

Encode atau decode teks dan parameter URL dengan percent-encoding, encodeURI, dan encodeURIComponent. Cocok untuk API, UTM, slug, dan link.

Terakhir diperbarui: 2026/04/22

URL Encoder/Decoder

Input
Hasil
Input: 0 karakter
Hasil: 0 karakter

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 encodeURIComponent atau encodeURI sesuai 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

  1. Pilih mode – Gunakan Encode untuk menyiapkan nilai URL atau Decode untuk membaca string yang sudah ter-encode.
  2. Pilih tipe encoding – Encode penuh cocok untuk nilai parameter, sedangkan encode parsial lebih cocok untuk URL lengkap.
  3. Tempel teks atau URL – Masukkan data seperti yang muncul di browser, CMS, log, spreadsheet, atau alat analitik Anda.
  4. Tinjau hasil – Pastikan Anda mendapatkan string yang benar, baik untuk parameter tunggal maupun URL penuh.
  5. 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.

Opini Anonim 1

Komentar yang mengganggu pengguna lain atau mengulang pesan yang sama dapat disembunyikan atau dihapus sesuai pedoman moderasi kami.

Sisa karakter: 120

Belum ada komentar. Jadilah yang pertama memberi pendapat.