utilstuff.com
Zurück zu Dev-Tools

URL Kodierer / Dekodierer

Kodieren und dekodieren Sie URLs, URIs und Abfrageparameter mit Prozent-Kodierung (encodeURIComponent, encodeURI, form-urlencoded). 100% clientseitig, schnell und sicher.

100% Clientseitige Privatsphäre & Ausführungsgarantie
Alle URL-Kodierungen und -Dekodierungen werden lokal in Ihrem Webbrowser mit standardmäßigen JavaScript-Engines ausgeführt. Es werden keine Daten an Server gesendet.
Hinweis zur Datendarstellung (Keine Verschlüsselung)

Die URL-Prozent-Kodierung dient der sicheren Übertragung von URIs. Sie bietet keine Verschlüsselung oder Vertraulichkeit.

Standardvergleich: URL-Komponente vs. Vollständige URL vs. Formulardaten

EingabeURL-KomponenteVollständige URLFormulardaten
hello worldhello%20worldhello%20worldhello+world
a+ba%2Bba+ba%2Bb
a&ba%26ba&ba%26b
a=ba%3Dba=ba%3Db

Formulardaten (application/x-www-form-urlencoded) werden von HTML-Formularen und POST-Bodys verwendet, wo Leerzeichen als + dargestellt werden.

Beispielszenarien & Testvektoren

Formulardaten (Leerzeichen → +)Formulardaten
hello world
Pluszeichen & SonderzeichenFormulardaten
C++ programming
Formularfelder & ParameterFormularkörper
name=John Doe&email=test@example.com
Unicode & AkzenteUnicode-Formular
Bogotá, Colombia
Emoji & LeerzeichenEmoji-Formular
🔐 secure data
Plus als Plus DekodierenPlus Dekodieren
C%2B%2B

URL / URI-Prozent-Kodierung verstehen

Die URI-Prozent-Kodierung übersetzt beliebige Zeichen in druckbare ASCII-Zeichen, die für das Internet sicher sind. Für Formulardaten gelten spezifische Regeln.

Was ist URL-Kodierung?

Prozent-Kodierung (URL-Kodierung) ersetzt Zeichen, die in einer URL nicht sicher sind – Leerzeichen, Symbole und Nicht-ASCII-Zeichen – durch ein % gefolgt von ihrem hexadezimalen Byte-Wert, damit Links und Query-Strings das Kopieren, Einfügen und Übertragen durch jeden Browser oder Server unbeschadet überstehen.

So verwenden Sie den URL Encoder / Decoder

  1. Fügen Sie den Text oder die URL ein, die Sie kodieren möchten, oder eine prozent-kodierte Zeichenfolge, die Sie dekodieren möchten.
  2. Wählen Sie einen Modus: encodeURIComponent für einen einzelnen Wert (z. B. einen Query-Parameter), encodeURI für eine vollständige URL oder form-urlencoded für HTML-Formularübermittlungen.
  3. Wählen Sie Kodieren oder Dekodieren.
  4. Kopieren Sie das Ergebnis.

Technische Hinweise

  • encodeURIComponent maskiert reservierte Zeichen wie &, = und /, sodass ein Wert sicher in einen Query-String eingebettet werden kann; encodeURI lässt diese Zeichen unverändert, da eine vollständige URL erwartet wird.
  • form-urlencoded (application/x-www-form-urlencoded) stellt Leerzeichen als + statt als %20 dar – die Konvention, die Browser bei HTML-Formularübermittlungen verwenden.
  • Die Kodierung ist vollständig umkehrbar und bietet keine Sicherheit oder Privatsphäre – sie macht Text lediglich transportfähig innerhalb einer URL.

Beispiel

encodeURIComponent
hello world & friends→hello%20world%20%26%20friends

Häufig gestellte Fragen

Was ist der Unterschied zwischen URL-Komponente und vollständiger URL-Kodierung?+

Der Modus URL-Komponente (encodeURIComponent) kodiert alle reservierten Zeichen. Der Modus Vollständige URL (encodeURI) bewahrt die Struktur.

Warum werden Leerzeichen im Formulardatenmodus als + kodiert?+

Die Spezifikation application/x-www-form-urlencoded (verwendet in HTML-Formularen) kodiert Leerzeichen als + statt %20. Echte Pluszeichen (+) werden als %2B kodiert.

Wie verarbeitet die Dekodierung + im Vergleich zu %2B?+

Im Formulardatenmodus ersetzt die Dekodierung zuerst echte Pluszeichen durch Leerzeichen und dekodiert danach UTF-8-Sequenzen. Dadurch wird %2B korrekt zu + und + zu einem Leerzeichen.

Was passiert, wenn ich eine fehlerhafte Zeichenkette dekodieren möchte?+

Wenn die Eingabe ungültige Hexadezimalpaare oder abgeschnittene UTF-8-Sequenzen enthält (wie %ZZ oder %E0%A4), fängt das Tool den Fehler sauber ab.