// URL kodieren
URL Encoder / Decoder
Kodiere oder dekodiere URL-Komponenten mit Percent-Encoding. Nützlich für Query-Strings und Formulardaten.
Text
Encoded
Deine Eingabe wird lokal verarbeitet und nicht hochgeladen. Überprüfe es mit DevTools → Network.
URL Encoder / Decoder Beispiele.
// URL dekodieren
Häufig gestellte Fragen.
Was ist Percent-Encoding?
Es ist ein Mechanismus zum Kodieren von Zeichen in URLs mit % gefolgt von zwei hexadezimalen Ziffern.
Wie URL-Kodierung funktioniert
URL-Kodierung (auch Prozentkodierung genannt) ersetzt unsichere Zeichen in URLs durch eine Folge aus Prozentzeichen (%) und der zweistelligen hexadezimalen ASCII-Kennziffer. Ein Leerzeichen wird beispielsweise zu %20, ein Minuszeichen zu %2D.
Reservierte Zeichen wie /, ?, #, &, = und + haben in URLs eine spezielle Bedeutung und werden standardmäßig nicht kodiert. Alle anderen Zeichen – einschließlich Buchstaben, Ziffern und einiger Sonderzeichen – bleiben unverändert.
Die Kodierung stellt sicher, dass URLs eindeutig interpretiert werden, auch wenn sie Zeichen enthalten, die in der URL-Syntax eine besondere Rolle spielen. Das ist besonders wichtig für benutzerdefinierte Parameter und Daten.
Häufige Anwendungsfälle
Die häufigste Anwendung ist das Kodieren von Query-String-Parametern. Wenn ein Benutzer München & Berlin in ein Suchfeld eingibt, muss der Leerzeichen und das &-Zeichen kodiert werden, damit die URL korrekt interpretiert wird.
OAuth 2.0 erfordert eine sorgfältige Kodierung aller Parameter, insbesondere bei der PKCE-Challenge (code_verifier) und bei Redirect-URIs. Fehler in der Kodierung sind eine häufige Ursache für Authentifizierungsfehler.
Formulardaten, die als URL-kodierter String (application/x-www-form-urlencoded) gesendet werden, verwenden dasselbe Kodierungsverfahren. Auch hier müssen Sonderzeichen ordnungsgemäß escaped werden.
encodeURI vs. encodeURIComponent
JavaScript bietet zwei Funktionen zur URL-Kodierung, die unterschiedliche Zwecke erfüllen. encodeURI kodiert eine gesamte URI und lässt reservierte Zeichen wie /, ?, # und & unverändert, da diese zur Struktur der URL gehören.
encodeURIComponent hingegen kodiert nahezu alle Sonderzeichen, einschließlich /, ? und &. Diese Funktion ist die richtige Wahl, wenn Sie einzelne Werte kodieren möchten, die als Teil einer URL eingefügt werden – etwa Query-Parameter oder Pfadsegmente.
Als Faustregel gilt: Verwenden Sie encodeURIComponent für einzelne Werte und encodeURI für vollständige URLs. Die meisten Entwickler bevorzugen encodeURIComponent, weil sie sicherer ist und unerwartete Fehler vermeidet.