Konverter
URL-Encoder / Decoder
Der URL-Encoder kodiert Text in das URL-konforme Prozent-Kodierungsformat und dekodiert kodierte URLs zurück in lesbaren Text. Das Tool arbeitet bidirektional und in Echtzeit. Es unterstützt sowohl die vollständige URL-Kodierung als auch die Komponenten-Kodierung (encodeURIComponent), die für Query-Parameter und Formularwerte verwendet wird.
Was ist URL-Kodierung?
URL-Kodierung (auch Prozent-Kodierung genannt) ist ein Mechanismus, um Zeichen in URLs darzustellen, die in einer URL nicht direkt erlaubt sind. Sonderzeichen wie Leerzeichen, Umlaute oder Satzzeichen werden durch ein Prozentzeichen gefolgt von ihrem hexadezimalen ASCII- oder UTF-8-Wert ersetzt. Ein Leerzeichen wird z. B. zu %20, ein Ä zu %C3%84. Die URL-Kodierung ist im RFC 3986 definiert und essenziell für die korrekte Übertragung von Daten in HTTP-Anfragen.
Wie funktioniert das Tool?
Gib einen Text oder eine URL in das Eingabefeld ein. Das Tool kodiert alle nicht-URL-sicheren Zeichen sofort in ihre Prozent-Kodierung. Du kannst zwischen zwei Modi wählen: encodeURI (behält URL-Strukturzeichen wie /, ?, # unverändert) und encodeURIComponent (kodiert alle Sonderzeichen, auch Strukturzeichen). Für die Dekodierung gibst du eine kodierte URL ein, und das Tool gibt den dekodierten Text aus.
Typische Anwendungsfälle
- Kodierung von Query-Parametern für HTTP-GET-Anfragen in Webanwendungen
- Vorbereitung von Formular-POST-Daten im application/x-www-form-urlencoded-Format
- Debugging von URL-Kodierungsproblemen in API-Anfragen und Webservices
- Dekodierung von kodierten URLs aus Logs, E-Mails oder Fehlermeldungen
Schritt-für-Schritt-Anleitung
- Schritt 1: Gib den zu kodierenden Text oder die URL in das Eingabefeld ein.
- Schritt 2: Wähle den Kodierungsmodus: encodeURI (für vollständige URLs) oder encodeURIComponent (für Parameter).
- Schritt 3: Das kodierte Ergebnis wird sofort angezeigt.
- Schritt 4: Kopiere das Ergebnis per Klick in die Zwischenablage.
Beispiel
Eingabe
Hallo Welt! Schöner Tag?
Ausgabe
Hallo%20Welt!%20Sch%C3%B6ner%20Tag%3F
Tipps & Hinweise
- Verwende encodeURIComponent für Query-Parameter und Formularwerte, da dieser Modus auch &, =, + und andere Sonderzeichen kodiert.
- Das Pluszeichen (+) in URLs steht manchmal für ein Leerzeichen (im application/x-www-form-urlencoded-Format) – verwechsle dies nicht mit %2B, dem kodierten Pluszeichen.
- Moderne Browser zeigen URLs in der Adressleiste teilweise dekodiert an, übertragen sie intern aber immer korrekt kodiert.
Häufige Fragen
Was ist der Unterschied zwischen encodeURI und encodeURIComponent?
encodeURI ist für die Kodierung vollständiger URLs gedacht und lässt URL-Strukturzeichen wie /, ?, #, &, = unkodiert. encodeURIComponent kodiert alle Sonderzeichen und ist für einzelne URL-Komponenten wie Query-Parameter oder Pfadsegmente gedacht.
Warum wird ein Leerzeichen manchmal als + und manchmal als %20 kodiert?
Im Prozent-Kodierungsstandard (RFC 3986) wird ein Leerzeichen als %20 dargestellt. Das Pluszeichen als Leerzeichen ist eine ältere Konvention aus dem HTML-Formularformat (application/x-www-form-urlencoded). In Query-Strings kommen beide Varianten vor, wobei %20 der modernere Standard ist.
Kann das Tool vollständige URLs mit Pfad und Query-String kodieren?
Ja. Im encodeURI-Modus werden vollständige URLs so kodiert, dass die Struktur erhalten bleibt. Nur nicht-URL-sichere Zeichen werden kodiert, während /, ?, # und & unverändert bleiben.
URL-Encoder / Decoder
Kodiere Text in URL-Format (Prozent-Kodierung) und dekodiere ihn wieder – live und bidirektional.
Tool öffnen