CalcCafe

URL-Codierung / -Decodierung

Codiere Text in prozentcodiertes URL-Format oder decodiere ihn zurück – sofort und offline in deinem Browser.

Encoded URL
-
Input length
-
Output length
-

encodeURIComponent escapes characters like spaces, &, ?, and / for safe use in URLs.

Gut zu wissen

Dieses Werkzeug zur URL-Codierung / -Decodierung wandelt reinen Text in prozentcodierte Form um (wobei unsichere Zeichen zu Sequenzen wie %20 für ein Leerzeichen oder %26 für ein kaufmännisches Und werden) und kehrt diese Umwandlung wieder in lesbaren Text zurück. Es läuft vollständig in deinem Browser mit den JavaScript-Funktionen encodeURIComponent und decodeURIComponent und ist somit gedacht für Entwickler, QA-Tester, Marketer, die Tracking-Links erstellen, und alle, die einen Wert sicher in eine Query-Zeichenkette oder ein Pfadsegment einfügen müssen.

Greife immer dann zur Codierung, wenn ein Stück Text in einer URL stehen soll, aber Zeichen enthält, die dort eine besondere Bedeutung haben, etwa Leerzeichen, &, ?, =, /, # oder Nicht-ASCII-Buchstaben. Häufige Fälle sind das Einfügen einer Suchphrase in einen ?q=-Parameter, das Übergeben einer E-Mail oder einer vollständigen URL als Weiterleitungswert oder das Einrichten von UTM-Kampagnen-Tags. Nutze die Decodierung, um einen erfassten Link wieder menschenlesbar zu machen oder um zu überprüfen, was ein codierter Parameter tatsächlich enthält, bevor du ihn debuggst.

Die beiden Längenzähler helfen dir, das Ergebnis zu überprüfen, statt etwas Genaues zu messen. Jedes maskierte Zeichen wird zu einem Prozentzeichen plus zwei Hexadezimalziffern erweitert, sodass es normal ist, dass die Ausgabelänge deutlich über die Eingabe hinauswächst – sie zeigt einfach an, wie viele reservierte oder Mehrbyte-Zeichen vorhanden waren. Wenn der Decodiermodus eine Meldung „Ungültige Eingabe“ anzeigt, hat die Zeichenkette eine defekte Prozentsequenz (ein einzelnes % oder eines, dem keine zwei gültigen Hexziffern folgen) und wurde wahrscheinlich nie korrekt codiert.

Ein Vorbehalt, den du im Hinterkopf behalten solltest:

Häufig gestellte Fragen

Was ist der Unterschied zwischen encodeURIComponent und encodeURI?
Dieses Werkzeug verwendet encodeURIComponent, das reservierte Zeichen wie &, ?, / und = maskiert, damit ein Wert innerhalb eines einzelnen Query-Parameters oder Pfadsegments sicher ist. encodeURI lässt diese Zeichen unverändert, da es zum Codieren einer gesamten URL gedacht ist, nicht einer Komponente davon.
Warum zeigt die Decodierung manchmal einen Fehler an?
decodeURIComponent löst einen Fehler aus, wenn die Zeichenkette eine fehlerhafte Prozentsequenz enthält, etwa ein verirrtes %, dem keine zwei gültigen Hexziffern folgen (z. B. %ZZ oder ein einzelnes %). Stelle sicher, dass du Text decodierst, der tatsächlich prozentcodiert wurde.
Werden meine Daten irgendwohin hochgeladen?
Nein – dieser Rechner läuft vollständig in deinem Browser. Deine Eingaben verlassen niemals dein Gerät, und er funktioniert nach dem Laden auch offline.
Ist dieser Rechner kostenlos?
Ja, völlig kostenlos, ohne Anmeldung, ohne Werbung und ohne Limits.
Was bedeutet %20 in einer URL?
%20 ist die prozentcodierte Darstellung eines Leerzeichens. URLs können keine wörtlichen Leerzeichen enthalten, daher wird ein Leerzeichen durch %20 ersetzt (oder manchmal durch ein +-Zeichen in formularcodierten Query-Zeichenketten).
Wie codiere ich ein Leerzeichen in einer URL?
In Pfadsegmenten und den meisten Query-Werten wird ein Leerzeichen zu %20, was encodeURIComponent erzeugt. In Formulardaten vom Typ application/x-www-form-urlencoded kann ein Leerzeichen stattdessen als +-Zeichen geschrieben werden.
Ist URL-Codierung dasselbe wie Base64-Codierung?
Nein. Die URL-Codierung (Prozentcodierung) maskiert nur Zeichen, die in einer URL unsicher sind, während der meiste Text lesbar bleibt, wohingegen Base64 alle Daten in einen kompakten Satz von 64 ASCII-Zeichen umwandelt, üblicherweise um Binärdaten als Text zu übertragen. Sie dienen unterschiedlichen Zwecken und sind nicht austauschbar.
Kann ich mit diesem Werkzeug eine komplette URL codieren?
Dieses Werkzeug verwendet encodeURIComponent, das strukturelle Zeichen wie :, /, ? und & maskiert, sodass das Codieren einer vollständigen URL diese beschädigen würde. Verwende es für einzelne Werte, die du in eine URL einfügst, nicht für die komplette Adresse.
Warum sieht mein codierter Text länger aus als das Original?
Jedes maskierte Zeichen wird zu einem Prozentzeichen plus zwei Hexadezimalziffern erweitert, und Nicht-ASCII-Zeichen können mehrere Bytes verwenden, sodass die codierte Ausgabe normalerweise länger ist als die Eingabe. Der Zuwachs spiegelt wider, wie viele reservierte oder Mehrbyte-Zeichen vorhanden waren.
Welche Zeichen müssen URL-codiert werden?
Zeichen, die eine reservierte Bedeutung haben oder in URLs unsicher sind, darunter Leerzeichen, &, ?, =, #, /, %, + und Nicht-ASCII-Buchstaben wie akzentuierte oder nicht-lateinische Zeichen. Unreservierte Zeichen (Buchstaben A–Z, Ziffern sowie - _ . ~) bleiben unverändert.
Verarbeitet die URL-Codierung Emojis und nicht-englische Zeichen?
Ja. encodeURIComponent wandelt das Zeichen zunächst in seine UTF-8-Bytes um und codiert dann jedes Byte prozentual, sodass Emojis und nicht-lateinische Schriften mehrere Prozentsequenzen erzeugen, die wieder zum ursprünglichen Zeichen decodiert werden.
Ist es sicher, eine URL doppelt zu codieren?
Doppeltes Codieren (das Codieren von bereits codiertem Text) verwandelt jedes % in %25 und kann dazu führen, dass Werte falsch gelesen werden, wenn sie nur einmal decodiert werden. Es wird im Allgemeinen vermieden, sofern ein Wert nicht das Decodieren durch zwei getrennte Systeme überstehen muss.

Verwandte Rechner