Encoder / Decoder URL — Percent-Encode dan Decode URL

Apa itu Encoder / Decoder URL?

Encoder / Decoder URL (URL एनकोडर / डिकोडर) mengubah teks menjadi bentuk yang bisa berpindah dengan aman di dalam alamat web, dan mengubahnya kembali. URL hanya boleh berisi sekumpulan karakter terbatas, dan sebagian di antaranya — seperti ?, &, =, #, dan / — punya tugas khusus. Apa pun selain itu, termasuk spasi, tanda kutip, huruf Hindi, emoji, dan simbol seperti ₹, harus di-percent-encode: diganti dengan tanda % diikuti dua digit heksadesimal untuk setiap byte. Spasi menjadi %20, ampersand menjadi %26, dan “ह” menjadi %E0%A4%B9.

Developer membutuhkan ini saat membangun permintaan API, query string, tautan redirect, dan callback OAuth; marketer membutuhkannya saat membaca URL pelacakan yang panjang; dan semua orang sesekali perlu mengubah tautan tak terbaca penuh kode % kembali menjadi teks biasa. Tool gratis ini meng-encode dengan tiga cara standar — komponen URL, URL lengkap, dan data formulir — men-decode dengan pesan error yang membantu, dan memecah URL apa pun menjadi bagian-bagiannya dengan tabel parameter query yang ter-decode.

Fitur Utama

• Encoding komponen — encodeURIComponent RFC 3986 yang ketat untuk nilai parameter dan segmen path.
• Encoding URL lengkap — encodeURI menjaga struktur URL tetap utuh.
• Encoding formulir — spasi sebagai +, sesuai pengiriman formulir HTML.
• Decoding di ketiga mode dengan error yang jelas untuk urutan yang rusak.
• Dukungan Unicode penuh — Hindi, aksara lain, emoji, dan simbol mata uang lewat UTF-8.
• Rincian URL — protokol, host, port, path, dan fragment.
• Tabel parameter query dengan nama dan nilai yang ter-decode.
• Privat — berjalan lokal di browser Anda.

Cara Memakainya — Langkah demi Langkah

1. Pilih Encode atau Decode.
2. Pilih jenis encoding — Komponen, URL Lengkap, atau Data formulir.
3. Tempel teks atau URL Anda; hasil diperbarui seketika.
4. Salin hasilnya, atau tekan Pakai hasil sebagai input untuk meng-encode atau men-decode lagi.
5. Lihat rincian untuk memeriksa host, path, dan parameter.

Contoh Encoding

Komponen vs URL Lengkap vs Data Formulir

Mode Komponen meng-encode setiap karakter kecuali set unreserved (A–Z, a–z, 0–9, - _ . ~). Gunakan untuk satu bagian URL: kata pencarian, target redirect di dalam parameter, nama file di path. Mode komponen kami juga meng-encode ! ' ( ) * untuk kepatuhan ketat RFC 3986, yang dibutuhkan sebagian API dan skema tanda tangan (seperti OAuth 1.0).

Mode URL Lengkap membiarkan karakter reserved yang menyusun URL — : / ? # [ ] @ ! $ & ' ( ) * + , ; = — tidak tersentuh dan hanya meng-encode spasi, karakter non-ASCII, dan beberapa simbol tidak aman. Gunakan untuk merapikan alamat lengkap yang diketik seseorang dengan spasi atau kata Hindi.

Mode Data formulir mengikuti application/x-www-form-urlencoded, format yang dipakai browser untuk pengiriman formulir HTML: seperti mode komponen, tetapi spasi menjadi +. Saat men-decode data formulir, + diubah kembali menjadi spasi.

Anatomi URL

Ambil https://shop.example.com:8443/products/shoes?color=red&size=9#reviews:

• Protokol (skema): https:
• Host: shop.example.com
• Port: 8443 (dihilangkan jika default, 443 untuk https)
• Path: /products/shoes
• Query string: color=red&size=9 — parameter dipisah oleh &
• Fragment: reviews — ditangani browser, tidak dikirim ke server

Panel rincian menampilkan bagian-bagian ini untuk URL apa pun yang Anda tempel, memakai parser URL standar browser, dan men-decode setiap parameter sehingga Anda bisa membaca nilai seperti q=%E0%A4%B9… sebagai teks Hindi.

Unicode dan UTF-8

URL modern membawa teks non-Inggris dengan mengubah setiap karakter menjadi byte UTF-8 dan mem-percent-encode setiap byte. Karakter Devanagari memakai tiga byte, sebagian besar emoji empat byte, dan tanda rupee ₹ tiga byte — jadi ₹ menjadi %E2%82%B9. Browser biasanya menampilkan karakter yang terbaca di bilah alamat (ini disebut IRI, internationalised resource identifier) sambil mengirim bentuk ter-encode ke server. Nama domain kasus tersendiri: memakai Punycode (xn--…) alih-alih percent-encoding.

URL Encoding dalam Kode

• JavaScript: encodeURIComponent(value), encodeURI(url), new URLSearchParams({ q: value }).toString() untuk gaya formulir.
• Python: urllib.parse.quote(value), quote_plus(value) untuk gaya formulir, unquote() untuk decode.
• PHP: rawurlencode() (RFC 3986) dan urlencode() (gaya formulir).
• Java: URLEncoder.encode(value, StandardCharsets.UTF_8) — gaya formulir dengan +.

Ketika hasil dari kode Anda dan tool ini berbeda, periksa gaya mana yang dipakai masing-masing — perbedaan + versus %20 adalah sumber kebingungan paling umum.

Contoh Perhitungan: Tautan Pesanan WhatsApp

Usaha kecil sering membagikan tautan yang membuka WhatsApp dengan pesan siap pakai. Formatnya https://wa.me/<number>?text=<message>, dan pesannya harus di-encode sebagai komponen. Untuk pesan “Hi! I want to order 2 kg आम & 1 dozen केले”, tool ini menghasilkan Hi%21%20I%20want%20to%20order%202%20kg%20%E0%A4%86%E0%A4%AE%20%26%201%20dozen%20%E0%A4%95%E0%A5%87%E0%A4%B2%E0%A5%87. Tanpa encoding, & akan mengakhiri parameter teks lebih awal dan pelanggan hanya akan melihat “Hi! I want to order 2 kg आम”. Tempel pesan Anda ke tool dalam mode Komponen, salin hasilnya, dan tambahkan setelah ?text=. (Tool juga meng-encode ! sebagai %21 untuk kepatuhan ketat RFC 3986; encodeURIComponent biasa membiarkannya sebagai !, dan keduanya berfungsi.)

Encoding dan Keamanan

Encoding yang benar juga soal keamanan. Jika input pengguna ditaruh ke URL tanpa encoding, nilai yang mengandung &, = atau # bisa menambah atau menimpa parameter — masalah yang dikenal sebagai parameter injection — dan input tanpa escape pada URL redirect bisa disalahgunakan untuk open redirect atau phishing. Selalu encode setiap nilai secara terpisah dengan encoder komponen (atau library seperti URLSearchParams), validasi target redirect terhadap daftar yang diizinkan, dan ingat bahwa encoding bukan enkripsi: siapa pun bisa men-decode URL, jadi jangan pernah menaruh kata sandi atau rahasia di query string, yang berakhir di riwayat browser dan log server.

Kegunaan Umum

• Membangun permintaan API dan query string dengan input pengguna.
• Meng-encode URL redirect di dalam parameter OAuth atau login.
• Membaca tautan pelacakan atau afiliasi yang panjang.
• Memperbaiki tautan yang mengandung spasi atau kata Hindi.
• Menyiapkan tautan “click to chat” WhatsApp dengan pesan yang sudah terisi.
• Debugging log web server yang penuh kode %.
• Membuat tautan mailto: dengan subjek dan isi yang ter-encode.
• Meneruskan nama file dengan spasi atau tanda kurung ke URL unduhan.
• Memeriksa persis apa yang akan dikirim browser saat tautan mengandung karakter khusus.

Kesalahan Umum yang Perlu Dihindari

• Meng-encode seluruh URL dalam mode komponen — ini merusak https:// dan garis miringnya.
• Tidak meng-encode nilai parameter — & di dalam nilai memecahnya menjadi dua parameter.
• Encoding ganda — %2520, bukan %20.
• Memakai + di path — + hanya berarti spasi di query string ber-encoding formulir.
• Lupa UTF-8 — sistem lama yang memakai encoding lain menghasilkan kode % yang berbeda.
• Men-decode input tak tepercaya lalu memasukkannya ke HTML — decode, lalu HTML-escape sebelum ditampilkan, atau Anda berisiko terkena cross-site scripting.

Pemecahan Masalah

• “Tidak dapat men-decode” — cari % yang tidak diikuti dua digit hex, seperti “50% off”; encode sebagai %25 atau hapus.
• Rincian tidak muncul — teks bukan URL lengkap; sertakan https://.
• Tanda plus tersisa setelah decoding — beralih ke mode Data formulir.
• Output berbeda dari tool lain pada %21, %27, %28, %29, atau %2A — tool ini meng-encode ! ' ( ) * secara ketat; kedua bentuk ter-decode menjadi teks yang sama.
• Huruf Hindi tampil sebagai tanda tanya di tempat lain — sistem penerima mungkin tidak men-decode UTF-8; periksa pengaturan encoding-nya.

Glosarium Singkat

• Percent-encoding: merepresentasikan sebuah byte sebagai % diikuti dua digit hex.
• Karakter reserved: karakter dengan arti khusus di URL, seperti / ? & = #.
• Karakter unreserved: huruf, angka, dan - _ . ~, yang tidak pernah perlu di-encode.
• Query string: bagian setelah ? yang berisi parameter key=value.
• Fragment: bagian setelah #, dipakai di dalam halaman.
• RFC 3986: standar yang mendefinisikan sintaks URI.
• Punycode: encoding xn-- yang dipakai untuk nama domain non-Inggris.
• Encoding ganda: meng-encode teks yang sudah ter-encode, menghasilkan urutan %25XX.

Mengapa Memakai Encoder URL Ini?

Mencakup ketiga gaya encoding yang benar-benar dijumpai developer, menangani huruf Hindi dan emoji dengan benar, menjelaskan error dengan jelas, dan memecah URL menjadi bagian yang terbaca — gratis, instan, dan privat.

Encoder / Decoder URL — Fakta Penting

Pertanyaan yang Sering Diajukan

Jelajahi Tools Prompt Minds Lainnya

Encoder / Decoder URL sangat cocok dipakai bersama tools gratis kami yang lain. Setiap tool Prompt Minds berjalan sepenuhnya di browser Anda — tanpa daftar, tanpa unggahan, tanpa watermark. Lihat semua tools gratis.