Werkzeuge
Blog Home

Kostenloser Online URL Encoder & Decoder

Text in percent-kodierte URLs umwandeln oder %20, %26 und beliebige %XX-Sequenzen dekodieren — direkt im Browser.

0 chars
Kopiert!
0 chars

Kodierungs-Referenzbeispiele

Eingabe encodeURIComponent encodeURI
hello world hello%20world hello%20world
name=John&age=30 name%3DJohn%26age%3D30 name=John&age=30
https://example.com/path?q=hi https%3A%2F%2Fexample.com%2Fpath%3Fq%3Dhi https://example.com/path?q=hi
café résumé caf%C3%A9%20r%C3%A9sum%C3%A9 caf%C3%A9%20r%C3%A9sum%C3%A9
price: $9.99 (sale!) price%3A%20%249.99%20(sale!) price%3A%20%249.99%20(sale!)

Was ist URL-Kodierung?

URL-Kodierung (auch Percent-Encoding genannt) wandelt Zeichen, die in einer URL nicht sicher sind, in ein Prozentzeichen gefolgt von zwei Hexadezimalziffern um. Ein Leerzeichen wird zu %20, ein kaufmännisches Und zu %26 und ein Gleichheitszeichen zu %3D.

Browser und Server benötigen diese Kodierung, da URLs nur eine begrenzte Menge von ASCII-Zeichen enthalten können. Sonderzeichen, Leerzeichen, Umlaute und nicht-lateinische Schriften müssen kodiert werden.

encodeURIComponent vs encodeURI

JavaScript bietet zwei native Funktionen für die URL-Kodierung. Die Wahl hängt davon ab, was kodiert wird.

encodeURIComponent()

Für einzelne Query-String-Werte verwenden. Kodiert alles außer Buchstaben, Ziffern und - _ . ! ~ * ' ( ).

Eingabe: hello world & more
Ausgabe: hello%20world%20%26%20more

encodeURI()

Für vollständige URL-Strings verwenden. Erhält strukturelle Zeichen wie / : ? # & = @, damit die URL gültig bleibt.

Eingabe: https://site.com/path?q=hello world
Ausgabe: https://site.com/path?q=hello%20world

Häufige Anwendungsfälle der URL-Kodierung

Percent-Encoding ist überall in der modernen Webentwicklung und in APIs anzutreffen.

Suche und Query-Parameter

Suchbegriffe kodieren, bevor sie an eine GET-Anfrage angehängt werden.

API-Aufrufe mit dynamischen Werten

REST- und GraphQL-APIs erfordern häufig kodierte Werte in Pfadsegmenten.

OAuth und Redirect-URLs

OAuth 2.0 redirect_uri-Parameter müssen vollständig kodiert sein.

Nicht-ASCII-Slugs

URLs für Seiten in arabischer, chinesischer, japanischer Schrift oder mit Umlauten müssen kodiert werden.

HTML-Formulare mit GET

Browser kodieren Formularfelder vor dem Anhängen an die URL. Das Verstehen dieser Kodierung hilft beim Debugging.

Häufig gestellte Fragen

%20 ist die percent-kodierte Form eines Leerzeichens. Das + steht für ein Leerzeichen nur im Format application/x-www-form-urlencoded. Dieses Tool dekodiert beide.

encodeURIComponent für einzelne Parameter-Werte in der Query-String verwenden. encodeURI für eine vollständige URL, ohne deren Struktur zu zerstören.

Ja. Das Tool versucht alle gültigen %XX-Sequenzen zu dekodieren und lässt ungültige Sequenzen unverändert mit einer Warnung.

Nein. URL-Kodierung wandelt unsichere Zeichen in %XX-Sequenzen um. Base64 wandelt Binärdaten in eine ASCII-Zeichenfolge um. Beide dienen völlig unterschiedlichen Zwecken.

Datenschutz

Die gesamte Kodierung und Dekodierung erfolgt im Browser über native JavaScript-Funktionen. Ihr Text wird nie an unsere Server gesendet.