URL Encoder / Decoder Online Gratis
Alat online gratis untuk melakukan proses URL encoding (percent-encoding) dan URL decoding secara instan, aman, dan tanpa mengirimkan data ke server luar. Mendukung karakter khusus, Unicode UTF-8, multi-line teks, parameter query string, serta pencegahan sintaks malformed.
Tool ini sangat bermanfaat bagi web developer, API engineer, data analyst, dan profesional SEO yang perlu memastikan query parameter, tautan redirect OAuth, maupun payload API dikirim secara valid sesuai standar internet tanpa menimbulkan galat parsing.
Cara Menggunakan URL Encoder / Decoder
- Pilih mode operasi: Encode URL untuk mengubah teks biasa menjadi format percent-encoded, atau Decode URL untuk mengembalikan string percent-encoded ke teks aslinya.
- Tempel atau ketik teks, tautan URL, atau query parameter yang ingin Anda proses pada kolom input.
- Klik tombol Encode Teks / URL atau Decode Teks / URL, atau aktifkan Live Auto-Process untuk pemrosesan langsung tanpa perlu menekan tombol.
- Salin hasilnya menggunakan tombol Salin atau pindahkan hasil kembali ke input melalui tombol Gunakan Hasil Sebagai Input.
Apa Itu URL Encoding (Percent-Encoding)?
URL Encoding, atau dikenal secara teknis sebagai percent-encoding, adalah mekanisme standar yang didefinisikan dalam spesifikasi RFC 3986 untuk mengonversi karakter-karakter yang tidak valid atau memiliki fungsi khusus di dalam struktur Uniform Resource Identifier (URI) menjadi representasi aman yang dapat dikirimkan melalui protokol internet (HTTP/HTTPS).
Struktur URL pada mulanya dirancang berbasis alfabet 7-bit US-ASCII. Namun, aplikasi web modern sering kali memerlukan pengiriman karakter di luar batas tersebut, termasuk spasi, tanda baca khusus, aksen bahasa asing, hingga emoji Unicode. Karakter-karakter ini diubah menjadi format tanda persen (%) yang diikuti oleh dua digit heksadesimal yang merepresentasikan nilai byte karakter tersebut dalam pengkodean UTF-8.
Perbedaan Antara encodeURIComponent() dan encodeURI()
Dalam pemrograman JavaScript dan integrasi API web, terdapat dua fungsi utama yang memiliki tujuan spesifik dan tidak boleh saling tertukar:
-
encodeURIComponent() (Direkomendasikan untuk nilai parameter): Mengodekan seluruh karakter khusus termasuk tanda pembatas URL seperti
/,?,&,=, dan:. Fungsi ini wajib digunakan saat Anda ingin memasukkan teks atau URL lain ke dalam query parameter agar struktur URL induk tidak rusak. -
encodeURI() (Digunakan untuk URL utuh): Hanya mengodekan karakter ilegal seperti spasi dan simbol non-ASCII, tetapi mempertahankan karakter struktural protokol URL (
https://, tanda slash direktori, tanda tanya query, dll).
Kapan Anda Memerlukan URL Encoding?
Pengembang web, analis data, spesialis SEO, dan administrator sistem membutuhkan URL encoder dan decoder dalam berbagai skenario kerja harian:
- Mengirimkan Nilai Query String: Ketika nilai parameter query mengandung karakter seperti tanda dan (
&) atau sama dengan (=), server backend akan keliru mengurai parameter jika tidak di-encode menjadi%26dan%3D. - URL Pengalihan (Redirect URL / OAuth Callback): Menyematkan link tujuan di dalam parameter redirect URL (misalnya
?return_url=https://domain.com/login) membutuhkan encoding menyeluruh. - Debugging API & Webhooks: Mengurai pesan log server atau payload webhook yang berisi string URL ter-encode agar mudah dibaca oleh manusia.
- Tracking UTM & Search Query: Menjamin frasa pencarian dengan spasi dan tanda petik dikirim dengan benar ke platform analitik seperti Google Analytics.
Tabel Referensi Karakter Khusus & Kode Persen (Percent Code)
Daftar karakter umum yang paling sering dijumpai dalam pengkodean URL dan nilai heksadesimalnya:
| Karakter | Keterangan Simbol | Percent Code | ASCII Desimal |
|---|---|---|---|
| Spasi | Spasi Kosong (Space) | %20 | 32 |
| ! | Tanda Seru | %21 | 33 |
| " | Petik Ganda | %22 | 34 |
| # | Tanda Pagar (Fragment) | %23 | 35 |
| $ | Tanda Dolar | %24 | 36 |
| % | Tanda Persen | %25 | 37 |
| & | Ampersand (Pemisah Query) | %26 | 38 |
| + | Tanda Tambah | %2B | 43 |
| / | Garis Miring (Slash Jalur) | %2F | 47 |
| : | Titik Dua (Pemisah Port/Protokol) | %3A | 58 |
| = | Sama Dengan (Penetap Nilai Query) | %3D | 61 |
| ? | Tanda Tanya (Awal Query String) | %3F | 63 |
| @ | At Sign (Autentikasi URL) | %40 | 64 |
Pertanyaan yang Sering Diajukan (FAQ)
Apakah tool ini mengirim data saya ke server?
Tidak sama sekali. Seluruh proses URL encode dan decode dieksekusi 100% secara client-side langsung di browser komputer atau ponsel Anda menggunakan JavaScript standar. Tidak ada data teks, URL, atau token API yang dikirim ke server.
Apakah tool ini dapat digunakan saat offline tanpa internet?
Ya! Tool ini dibangun sebagai Progressive Web App (PWA). Setelah halaman berhasil dibuka pertama kali, browser akan menyimpan aset secara lokal sehingga Anda tetap dapat meng-encode dan men-decode URL meskipun koneksi internet terputus.
Mengapa spasi terkadang menjadi %20 dan terkadang menjadi tanda tambah (+)?
Secara standar RFC 3986 (URI standard), spasi di-encode sebagai %20. Tanda tambah (+) biasanya digunakan dalam format form data HTML lama (application/x-www-form-urlencoded). Tool ini menggunakan standar encodeURIComponent() yang menghasilkan %20 agar kompatibel universal di semua layer aplikasi modern.
Apakah teks multibaris (enter/line break) didukung?
Ya, tool ini mendukung teks multibaris dengan sempurna. Karakter baris baru (LF / CRLF) akan di-encode menjadi %0A atau %0D%0A dan dapat di-decode kembali secara utuh tanpa merusak format paragraf Anda.
Bagaimana cara menangani karakter Emoji dan bahasa non-Inggris?
Tool ini mengimplementasikan encoding UTF-8 standar penuh. Karakter Unicode seperti huruf Jepang, Korea, Arab, hingga Emoji seperti 👋🚀 akan di-encode ke representasi multi-byte heksadesimal dan dapat di-decode kembali dengan sempurna.