URL-Encoder/Decoder

Kodiere und dekodiere URLs und URL-Komponenten. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.

Aktualisiert am

Share:
Home/URL Encoder / Decoder

URL Encoder / Decoder

Encode, decode, parse, and build URLs with advanced percent-encoding controls, query-string builder, IDN support, batch processing, and more.

Input

0 chars

Encoded Output

0 chars

Quick Actions

Häufig gestellte Fragen

Was ist der Unterschied zwischen encodeURIComponent und encodeURI?

Der Unterschied liegt darin, wie viel codiert wird. encodeURIComponent escapt jedes reservierte Zeichen, einschließlich : / ? # @ & = + $, und ist deshalb für ein einzelnes Teilstück einer URL gedacht — typischerweise einen einzelnen Query-String-Wert. Enthielte dieser Wert ein einzelnes & oder =, würde die Codierung verhindern, dass der Wert versehentlich einen neuen Parameter beginnt. encodeURI ist milder: Es erhält die strukturellen Zeichen : / ? #, damit eine bereits zusammengesetzte, vollständige Adresse als URL nutzbar bleibt. Die Faustregel lautet: encodeURIComponent für das kleine Fragment nutzen, das Sie in eine URL einsetzen, und encodeURI für eine ganze URL, die nicht auseinandergerissen werden soll. Die Verwechslung der beiden ist der mit Abstand häufigste URL-Fehler. Dieses Tool bietet beide als getrennte Bereiche an, zusätzlich zu Modi für nur Pfad und nur Query, damit Sie genau die richtige Stufe anwenden können.

Warum bricht meine URL, wenn sie ein Leerzeichen oder ein kaufmännisches Und enthält?

URLs können nur eine begrenzte Menge an Zeichen sicher übertragen, und manche Zeichen sind reserviert, weil sie eine strukturelle Bedeutung haben. Ein Leerzeichen ist gar nicht erlaubt und muss zu %20 werden, sonst schneiden Browser, Server oder Link-Parser die Adresse möglicherweise an der Lücke ab. Ein kaufmännisches Und ist noch problematischer: Innerhalb eines Query-Strings trennt & einen Parameter vom nächsten, sodass ein nicht codiertes & innerhalb eines Werts als Beginn eines völlig neuen Parameters gelesen wird und Ihre Daten zerteilt. Codiert man es zu %26, bleibt es als reiner Text erhalten. Dasselbe gilt für #, das ein Fragment markiert, sowie ? und /, die Query und Pfad markieren. Prozent-Codierung ersetzt jedes dieser Zeichen durch einen sicheren, mit % eingeleiteten Code. Fügen Sie Ihren Link in das Tool ein, wählen Sie den passenden Bereich, und es escapt die unsicheren Zeichen für Sie, sodass die URL zusammenhält.

Was ist der Unterschied zwischen + und %20 bei der Codierung von Leerzeichen?

Beide können ein Leerzeichen darstellen, gehören aber zu unterschiedlichen Codierungsschemata und sind nicht immer austauschbar. %20 ist die Standard-Prozent-Codierung für ein Leerzeichen und überall in einer URL gültig — im Pfad, in der Query oder in einem Fragment. Das Pluszeichen bedeutet nur in einem ganz bestimmten Kontext ein Leerzeichen: bei application/x-www-form-urlencoded-Daten, also der Art, wie ein HTML-Formular Werte übermittelt. In diesem Format wird ein tatsächliches Leerzeichen zu +, und ein tatsächliches + muss selbst als %2B codiert werden, damit es nicht als Leerzeichen fehlinterpretiert wird. Außerhalb der Formularcodierung ist ein + in einer URL einfach ein Pluszeichen und wird nicht zu einem Leerzeichen decodiert. Das Vermischen beider ist eine häufige Fehlerquelle, bei der ein Name wie „John Doe“ als „John+Doe“ ankommt. Dieses Tool bietet einen eigenen Form-URL-codiert-Modus neben der Standard-Prozent-Codierung, damit Sie die von Ihrem Endpunkt erwartete Konvention wählen können.

Was bedeutet %2520, und wie behebe ich eine doppelt codierte URL?

%2520 ist das untrügliche Zeichen für Doppelcodierung — eine Zeichenfolge, die zweimal prozent-codiert wurde. Ein Leerzeichen wird zunächst zu %20; wird dieses Ergebnis erneut codiert, wird das % selbst zu %25 escaped, wodurch aus %20 dann %2520 wird. Häufig sieht man Häufungen zusätzlicher 25-Sequenzen in einem zerstückelten Link, etwa %253A oder %252F. Das passiert meist, wenn Code einen bereits codierten Wert erneut codiert, zum Beispiel wenn eine gesamte, bereits fertig zusammengesetzte URL in encodeURIComponent eingewickelt wird. Die Lösung ist einfach: die Zeichenfolge zweimal decodieren. Ein erstes Decodieren wandelt %2520 zurück in %20, ein zweites stellt das ursprüngliche Leerzeichen wieder her. Der Validator dieses Tools erkennt Doppelcodierung, sobald das Muster auftritt, und Sie können den Decodier-Vorgang wiederholt anwenden, um Schicht für Schicht abzutragen, bis die URL wieder normal aussieht. Fügen Sie den verdächtigen Link ein, um das zu bestätigen und das Original wiederherzustellen.

Wie codiere ich einen internationalen Domainnamen mit Umlauten oder nicht-lateinischen Zeichen?

Hostnamen folgen anderen Regeln als der Rest einer URL: Der Host darf keine nicht-ASCII-Buchstaben direkt enthalten und verwendet nicht dieselbe Prozent-Codierung wie Pfad oder Query. Stattdessen werden internationalisierte Domainnamen in Punycode umgewandelt, eine ASCII-kompatible Codierung, die dem konvertierten Label das Präfix xn-- voranstellt. Zum Beispiel wird münchen.de zu xn--mnchen-3ya.de, und genau diese Form wird tatsächlich über DNS übertragen, während Browser Nutzern die freundliche Unicode-Version anzeigen. Die Umwandlung ist umkehrbar, sodass Sie einen Punycode-Host zurück in seine lesbare Form bringen können, um zu prüfen, wohin ein Link wirklich führt — nützlich, um Look-alike- oder gefälschte Domains zu erkennen. Der IDN-Konverter dieses Tools beherrscht beide Richtungen mithilfe der nativen URL-Normalisierung des Browsers und hält den Host getrennt von der Prozent-Codierung, die Sie auf Pfad und Query anwenden würden. Fügen Sie eine Domain ein, um sie in Punycode umzuwandeln oder zurück.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/url-encoder" title="URL Encoder Decoder — The Toolbox" width="100%" height="220" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/utility-tools/url-encoder?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free URL Encoder Decoder</a> by The Toolbox</p>

Über den URL Encoder Decoder

Der URL Encoder Decoder wandelt Text und Webadressen in Prozent-codierte Form um und wieder zurück — jene mit % eingeleitete Notation, mit der ein Browser Zeichen überträgt, die in einer URL unsicher oder reserviert sind. Einfach eine Zeichenfolge einfügen, und das Tool codiert oder decodiert sie sofort, mit Reglern dafür, wie aggressiv die Codierung ausfallen soll. Entwickelt für Entwickler, QA-Ingenieure, Marketer, die Tracking-Links zusammenbauen, und jeden, dem schon einmal eine URL wegen eines Leerzeichens, eines kaufmännischen Und-Zeichens oder eines Umlauts kaputtgegangen ist.

Alles läuft lokal in Ihrem Browser über die eingebauten APIs encodeURIComponent, encodeURI und URL. Ihre Eingabe wird niemals an einen Server gesendet, Sie können also bedenkenlos Links einfügen, die Zugriffstoken, interne Hostnamen oder Kampagnendaten enthalten. Keine Anmeldung, keine Längenbegrenzung, nichts zu installieren.

Den richtigen Codierungsbereich wählen

Der häufigste URL-Fehler ist die falsche Codierungsstufe, deshalb bietet das Tool fünf unterschiedliche Bereiche statt eines einzelnen Buttons:

  • encodeURIComponent — codiert jedes reservierte Zeichen, einschließlich : / ? # @ & = + $. Nutzen Sie dies für einen einzelnen Query-String-Wert, bei dem ein einzelnes & sonst einen neuen Parameter starten würde.
  • encodeURI (vollständige URL) — erhält strukturelle Zeichen wie : / ? #, damit eine komplette, bereits zusammengesetzte Adresse nutzbar bleibt. Verwenden Sie dies auf einer ganzen URL, nicht auf einem Fragment, das Sie erst noch einbauen.
  • Nur Query-String und nur Pfad — codieren nur einen Teil der URL und lassen Schema, Host und die übrigen Abschnitte unangetastet.
  • Form-URL-codiert — das Format application/x-www-form-urlencoded, bei dem Leerzeichen zu + statt zu %20 werden. Das entspricht der Art, wie HTML-Formulare Daten übermitteln, weshalb + und %20 nicht immer austauschbar sind.

Kurz zum Nachschlagen: Ein Leerzeichen ist %20 (oder + bei der Formularcodierung), & ist %26, # ist %23, ? ist %3F und / ist %2F. Die integrierte Zeichentabelle listet diese und weitere Codes auf, damit Sie mysteriöse Sequenzen auch von Hand decodieren können.

URLs zerlegen, aufbauen und vergleichen

Über die reine Umwandlung hinaus zerlegt der Encoder eine URL in ihre Bestandteile. Der URL-Parser teilt jede Adresse in Schema, Benutzername, Passwort, Host, Port, Pfad, Query und Fragment auf und zeigt an, ob die URL strukturell gültig ist. Mit dem Query-Builder stellen Sie key=value-Paare in einer Tabelle zusammen oder bearbeiten sie und erhalten einen korrekt codierten Query-String — praktisch, wenn ein Wert selbst ein = oder & enthält. Die Vergleichsansicht zeigt Eingabe und Ausgabe nebeneinander, damit Sie genau nachvollziehen können, was sich geändert hat.

Der Validator warnt außerdem vor einer häufigen Falle: der Doppelcodierung, bei der eine bereits codierte Zeichenfolge ein zweites Mal codiert wird und %20 dabei zu %2520 wird. Sieht ein Link mit auffällig vielen zusätzlichen 25-Sequenzen zerstückelt aus, ist das genau dieses Signal, und zweimaliges Decodieren stellt in der Regel das Original wieder her.

Internationale Domains und Stapelverarbeitung

Hostnamen können keine nicht-lateinischen Buchstaben direkt enthalten, daher werden internationalisierte Domainnamen in Punycode umgewandelt — eine ASCII-kompatible Codierung mit dem Präfix xn--. Das IDN-Tool verwandelt münchen.de in xn--mnchen-3ya.de und wieder zurück, unter Nutzung der nativen URL-Normalisierung des Browsers. Das ist wichtig, weil der Host-Teil einer URL anderen Regeln folgt als Pfad und Query, die stattdessen Prozent-Codierung verwenden.

Für wiederkehrende Aufgaben verarbeitet der Batch-Modus eine ganze Liste auf einmal — fügen Sie eine URL oder einen Wert pro Zeile ein, wählen Sie Modus und Bereich, und kopieren Sie alle Ergebnisse gemeinsam. Ein Verlauf-Panel speichert Ihre letzten Konvertierungen während der Sitzung, damit Sie ein Ergebnis erneut aufrufen können, ohne alles neu einzufügen.

Ob Sie einen Redirect debuggen, von Hand einen UTM-getaggten Kampagnenlink zusammenbauen oder einfach eine lange Zeichenfolge decodieren, die Ihnen jemand geschickt hat — der URL Encoder Decoder gibt Ihnen präzise Kontrolle über jeden Teil der Adresse, komplett im Browser, ohne dass irgendetwas hochgeladen wird.