URL-Encoder & -Decoder
Kodieren oder dekodieren Sie URLs und Query-Strings per Prozentkodierung. Wählen Sie die Kodierung als Komponente oder als vollständige URL, entscheiden Sie sich für %20 oder + als Leerzeichen und sehen Sie jeden Abfrageparameter samt kodierter Form.
Verfasst von Suhaib Hassan. Die Zahlen sind Schätzwerte, die Sie ändern können. Unsere Methodik.
Er nutzt die browsereigenen Funktionen encodeURIComponent, encodeURI und decodeURIComponent, mit Optionen für striktes Escaping und Leerzeichen im Formularstil.
Defekte Links sind oft ein Kodierungsproblem. Dieser Rechner zeigt, was sich geändert hat und welche Teile einer URL betroffen sind.
—
| Schlüssel | Wert | Kodiert |
|---|
Welche Zeichen prozentkodiert werden
Bei der Prozentkodierung wird ein Zeichen als % gefolgt vom Hexadezimalwert jedes seiner UTF-8-Bytes geschrieben. encodeURI() behält Zeichen bei, die eine URL strukturieren. encodeURIComponent() kodiert sie, was für einen einzelnen Abfragewert genau richtig ist.
| Zeichen | Prozentform | RFC-3986-Klasse | encodeURI | encodeURIComponent |
|---|---|---|---|---|
Leerzeichen | %20 | Nicht erlaubt | %20 | %20 |
! | %21 | Sub-delim | Beibehalten | Beibehalten |
" | %22 | Nicht erlaubt | %22 | %22 |
# | %23 | Gen-delim | Beibehalten | %23 |
$ | %24 | Sub-delim | Beibehalten | %24 |
% | %25 | Nicht erlaubt | %25 | %25 |
& | %26 | Sub-delim | Beibehalten | %26 |
' | %27 | Sub-delim | Beibehalten | Beibehalten |
( | %28 | Sub-delim | Beibehalten | Beibehalten |
) | %29 | Sub-delim | Beibehalten | Beibehalten |
* | %2A | Sub-delim | Beibehalten | Beibehalten |
+ | %2B | Sub-delim | Beibehalten | %2B |
, | %2C | Sub-delim | Beibehalten | %2C |
/ | %2F | Gen-delim | Beibehalten | %2F |
: | %3A | Gen-delim | Beibehalten | %3A |
; | %3B | Sub-delim | Beibehalten | %3B |
< | %3C | Nicht erlaubt | %3C | %3C |
= | %3D | Sub-delim | Beibehalten | %3D |
> | %3E | Nicht erlaubt | %3E | %3E |
? | %3F | Gen-delim | Beibehalten | %3F |
@ | %40 | Gen-delim | Beibehalten | %40 |
[ | %5B | Gen-delim | %5B | %5B |
\ | %5C | Nicht erlaubt | %5C | %5C |
] | %5D | Gen-delim | %5D | %5D |
^ | %5E | Nicht erlaubt | %5E | %5E |
` | %60 | Nicht erlaubt | %60 | %60 |
{ | %7B | Nicht erlaubt | %7B | %7B |
| | %7C | Nicht erlaubt | %7C | %7C |
} | %7D | Nicht erlaubt | %7D | %7D |
~ | %7E | Unreserved | Beibehalten | Beibehalten |
³ | %C2%B3 | Unreserved | %C2%B3 | %C2%B3 |
Formeln
So werden die Zahlen berechnet.
Prozentkodierung
Jedes Byte der UTF-8-Form des Zeichens wird zu einem Prozentzeichen und zwei Hexadezimalziffern.
%C2%B3 = ³ (zwei UTF-8-Bytes)
Leerzeichen = %20Komponente oder vollständige URL
Kodieren Sie einen einzelnen Wert mit der Komponentenoption. Kodieren Sie eine ganze Adresse mit der Option für die vollständige URL, damit : / ? & = # unverändert bleiben.
encodeURIComponent(value)
encodeURI(url)Dekodieren
Jede %XX-Sequenz wird in ihr Byte zurückverwandelt, und die Bytes werden als UTF-8 gelesen.
decodeURIComponent(text)Rechenbeispiele
Beispielwerte, jeweils von Hand geprüft. Das erste Beispiel ist die Standardeinstellung.
Ein Abfragewert
Kodieren Sie die Komponente "gas leak & m³/hr".
Ergebnis: gas%20leak%20%26%20m%C2%B3%2Fhr
Eine vollständige URL
Kodieren Sie "https://example.com/a b?x=1".
Dekodieren
Dekodieren Sie "caf%C3%A9%20menu".
So kodieren oder dekodieren Sie eine URL
- Wählen Sie Komponente kodieren, Vollständige URL kodieren oder Dekodieren.
- Fügen Sie Ihren Text ein. Mit den Beispielen sehen Sie typische Fälle.
- Kopieren Sie das Ergebnis oder verwenden Sie es als nächste Eingabe, um es hin und zurück zu wandeln.
- Prüfen Sie die Tabelle für jeden Abfrageparameter.
Die Kodierung wandelt Text in eine für URLs sichere Form um. Sie ist keine Verschlüsselung und verbirgt nichts. Legen Sie niemals Geheimnisse in einer URL ab.
Von Suhaib Hassan · Geprüft am 29. September 2026 · So prüft CalculatePilot Formeln →
Quellen
- IETF, RFC 3986, Uniform Resource Identifier (URI): Generic Syntax (2005).
- WHATWG, URL Standard, Prozentkodierung.
- MDN Web Docs, encodeURIComponent() und encodeURI().
Häufig gestellte Fragen
Was ist der Unterschied zwischen encodeURI und encodeURIComponent?
encodeURI lässt Zeichen wie : / ? & = # unverändert, damit eine vollständige Adresse weiterhin funktioniert. encodeURIComponent kodiert sie, verwenden Sie es daher für einen einzelnen Wert innerhalb einer URL.
Wann sollte ein Leerzeichen %20 und wann + sein?
%20 ist überall in einer URL korrekt. Ein + steht nur in HTML-Formulardaten (application/x-www-form-urlencoded) für ein Leerzeichen, etwa in Query-Strings aus Formularen.
Warum wird aus ³ der Code %C2%B3?
Nicht-ASCII-Zeichen werden zuerst in UTF-8-Bytes umgewandelt, und jedes Byte wird hexadezimal geschrieben. ³ besteht aus den beiden Bytes C2 und B3.
Warum schlägt das Dekodieren mit einem Fehler wegen fehlerhafter Kodierung fehl?
Auf ein % müssen zwei Hexadezimalziffern folgen, und die Bytes müssen gültiges UTF-8 ergeben. Ein einzelnes % oder eine abgeschnittene Sequenz verursacht diesen Fehler.
Werden diese Daten irgendwohin gesendet?
Nein. Alles läuft in Ihrem Browser.
Verwandte Rechner
Weitere Alltagswerkzeuge.